Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > ขอ code checkbox ที่มีย่อยเป็น radio buttom และ textbox



 

ขอ code checkbox ที่มีย่อยเป็น radio buttom และ textbox

 



Topic : 090682

Guest




php


ปัญหาคือต้องการ code ที่เวลาเราเลือก checkbox ที่ 1 ตัว checkbox ที่ 2 กับ 3 ต้องกรอกไม่ได้
และ ถ้าเลือก checkbox ที่ 2 ตัว 1 กับ 3 ก็ต้องกรอกไม่ได้
และ ถ้าเลือก checkbox ที่ 3 เมื่อกรอก comment ตัวที่ 1 กับ 2 ต้องกรอกไม่ได้



Tag : PHP






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-02-11 10:44:43 By : nan View : 1579 Reply : 12
 

 

No. 1



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ลอง search หาเรื่อง hidden/show element หรือ disable หรือ visible ดูครับ....มันอยู่ในเรื่องพวกนี้


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 10:50:11 By : apisitp
 


 

No. 2

Guest


ไม่ไดค่ะ มีตัวอย่างไหมค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 10:58:41 By : แนน
 

 

No. 3



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


Code ไม่มีครับ ลอง search ตามที่บอก ได้มาก็ต้องเอาไปประยุกต์ต่อครับ ประยุกต์ไม่ผ่านก็เอามาโพสต์ถาม ขอแบบนี้ดีกว่าครับ
ไม่ได้ห่วงความรู้นะ แต่เขียน Code ไม่เก่งเหมือนกัน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 11:02:21 By : apisitp
 


 

No. 4



โพสกระทู้ ( 4,169 )
บทความ ( 7 )

Hall of Fame 2012

สถานะออฟไลน์


ลองประยุกใช้ครับ
Code (PHP)
	<script src="jquery-1.8.1.min.js"></script>
	<script>
	$(document).ready(function(e) {
        $('#rdo1').click(function(){
			$('#txt1').attr('disabled','disabled');
		});
		$('#rdo2').click(function(){
			$('#txt1').removeAttr('disabled');	
		});
    });
	</script>
	<input type="radio" id="rdo1"> disabled <input type="radio" id="rdo2"> remove
	<input type="text" id="txt1">

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 11:10:56 By : Ex-[S]i[L]e[N]t
 


 

No. 5

Guest


Code (JavaScript)
<SCRIPT language="javascript">
function Etc(obj_radio) {
		if(obj_radio.checked){
			document.getElementById('wish').disabled=true;
			document.getElementById('budget').disabled=true;
			document.getElementById('sta').disabled=true;
			document.getElementById('per').disabled=true;
			document.EntryData.other1.disabled=false;
			document.EntryData.other1.style.background='#FFFFFF';
			document.EntryData.other1.focus();
			
		}
}
function noEtcc(obj_radio) {
				
			if(obj_radio.checked){
			document.getElementById('wish').disabled=true;
			document.getElementById('budget').disabled=true;
			document.getElementById('sta').disabled=true;
			document.getElementById('per').disabled=true;
			document.EntryData.other1.disabled=true;
			document.EntryData.other1.style.background='#CCCCCC';
					
		}
} 
function noEtc(obj_radio) {
		if(obj_radio.checked){
			document.getElementById('wish').disabled=false;
			document.getElementById('wish').disabled=false;
			document.getElementById('budget').disabled=false;
			document.getElementById('sta').disabled=false;
			document.getElementById('per').disabled=false;
			document.EntryData.other1.disabled=true;
			document.EntryData.other1.style.background='#CCCCCC';
		}		
}

</SCRIPT>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 11:11:10 By : แนน
 


 

No. 6



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ช่วยสมัครสมาชิกก่อนครับ แล้วจะกลับมาตอบให้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 14:01:54 By : sakuraei
 


 

No. 7



โพสกระทู้ ( 4 )
บทความ ( 0 )



สถานะออฟไลน์


สมัครแล้วค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 14:53:51 By : nan19844
 


 

No. 8



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


มาแล้วครับ ตามนี้เลย ลองทำความเข้าใจดูน่ะครับ อาจยากไปนิด
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> ขอ code checkbox ที่มีย่อยเป็น radio buttom และ textbox </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="Unidentifier">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
 </head>

 <body>
  <table>
  <tr for="4" rel="4_1">
	<td class="4_1" style="width:200px;">4.1&nbsp;<input type="radio" name="choice4" for="4" controller="controller" />&nbsp;มี</td>
	<td class="4_1" style="width600px;"><br />
	<input type="radio" name="detail4_1" id="detail4_1" />&nbsp;ปรับปรุงซ่อมแซม&nbsp;&nbsp;&nbsp;
	<input type="radio" name="detail4_1" id="detail4_1" />&nbsp;ต่อเติม&nbsp;&nbsp;&nbsp;
	<input type="radio" name="detail4_1" id="detail4_1" />&nbsp;สร้างใหม่&nbsp;&nbsp;&nbsp;<br />
	ปีงบประมาณ&nbsp;<input type="text" name="yearBudget" id="yearBudget" /><br />
	สถานะการดำเนินการอยู่ระหว่าง<br />
	<textarea name="processingData4_1"  class="4_1"  style="width:580px;"></textarea><br />
	คิดเป็นร้อยละ <input type="text" name="percentage4_1" id="percentage4_1" />
	</td>
  </tr>
  <tr for="4"  rel="4_2">
	<td class="4_2" >4.2&nbsp;<input type="radio" name="choice4" for="4"  controller="controller" />&nbsp;ไม่มี</td>
	<td class="4_2" ><br /></td>
  </tr>
  <tr for="4" rel="4_3">
	<td class="4_3" >4.3&nbsp;<input type="radio" name="choice4" for="4"  controller="controller"  />&nbsp;อื่นๆระบุ</td>
	<td class="4_3" >
	<textarea name="other4_3" class="4_3" style="width:580px;"></textarea><br />
	</td>
  </tr>
 </body>
 <script>
	$(":radio[controller='controller']").click(function(){
			var currentID = $(this).parents("tr").attr("rel");
			var currentQuestion = $(this).parents("tr").attr("for");
			
			$("tr[for='"+currentQuestion+"']").each(function(){
				
				var traverseID = $(this).attr("rel");
				
				if(traverseID != currentID){
					//alert(traverseID+':disabled');
					$("tr[rel='"+traverseID+"']").css({"background-color":"#e0d6be"});
					$("tr[rel='"+traverseID+"'] input").prop({disabled:true});
					$("tr[rel='"+traverseID+"'] textarea."+traverseID).prop({disabled:true});
				}
				else{
					$("tr[rel='"+traverseID+"']").css({"background-color":"white"});
					$("tr[rel='"+traverseID+"'] input").prop({disabled:false,enabled:true});
					$("tr[rel='"+traverseID+"'] textarea."+traverseID).prop({disabled:false,enabled:true});
				}

			});
			$(":radio[controller='controller']").prop({"disabled":false});
	});
 </script>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 15:43:43 By : sakuraei
 


 

No. 9



โพสกระทู้ ( 4 )
บทความ ( 0 )



สถานะออฟไลน์


ยากมากค่ะ^^
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 16:21:55 By : nan19844
 


 

No. 10



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


เพราะว่าผมไม่เห็นโค้ดของน้องแนน ตั้งแต่ต้น เลยต้องจำลองโค้ดให้ไกล้เคียงกัน
ลองเอาโค้ดไปทดสอบดูก่อนน่ะครับ แล้วค่อยกลับมาคุยกัน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 16:25:02 By : sakuraei
 


 

No. 11



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


โค้ดชุดนี้ขัคเกลาแล้วครับ ตัดบางส่วนที่ไม่จำเป็นออกไป
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> ขอ code checkbox ที่มีย่อยเป็น radio buttom และ textbox </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="Unidentifier">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
 </head>

 <body>
  <table>
  <tr for="4" rel="4_1">
	<td style="width:200px;">4.1&nbsp;<input type="radio" name="choice4" controller="controller" />&nbsp;มี</td>
	<td style="width600px;"><br />
	<input type="radio" name="detail4_1" id="detail4_1" />&nbsp;ปรับปรุงซ่อมแซม&nbsp;&nbsp;&nbsp;
	<input type="radio" name="detail4_1" id="detail4_1" />&nbsp;ต่อเติม&nbsp;&nbsp;&nbsp;
	<input type="radio" name="detail4_1" id="detail4_1" />&nbsp;สร้างใหม่&nbsp;&nbsp;&nbsp;<br />
	ปีงบประมาณ&nbsp;<input type="text" name="yearBudget" id="yearBudget" /><br />
	สถานะการดำเนินการอยู่ระหว่าง<br />
	<textarea name="processingData4_1"  class="4_1"  style="width:580px;"></textarea><br />
	คิดเป็นร้อยละ <input type="text" name="percentage4_1" id="percentage4_1" />
	</td>
  </tr>
  <tr for="4"  rel="4_2">
	<td>4.2&nbsp;<input type="radio" name="choice4" controller="controller" />&nbsp;ไม่มี</td>
	<td><br /></td>
  </tr>
  <tr for="4" rel="4_3">
	<td>4.3&nbsp;<input type="radio" name="choice4"controller="controller"  />&nbsp;อื่นๆระบุ</td>
	<td>
	<textarea name="other4_3" class="4_3" style="width:580px;"></textarea><br />
	</td>
  </tr>
 </body>
 <script>
	$(":radio[controller='controller']").click(function(){
			var currentID = $(this).parents("tr").attr("rel");
			var currentQuestion = $(this).parents("tr").attr("for");
			
			$("tr[for='"+currentQuestion+"']").each(function(){
				
				var traverseID = $(this).attr("rel");
				
				if(traverseID != currentID){
					//alert(traverseID+':disabled');
					$("tr[rel='"+traverseID+"']").css({"background-color":"#e0d6be"});
					$("tr[rel='"+traverseID+"'] input").prop({disabled:true});
					$("tr[rel='"+traverseID+"'] textarea."+traverseID).prop({disabled:true});
				}
				else{
					$("tr[rel='"+traverseID+"']").css({"background-color":"#ccff99"});
					$("tr[rel='"+traverseID+"'] input").prop({disabled:false,enabled:true});
					$("tr[rel='"+traverseID+"'] textarea."+traverseID).prop({disabled:false,enabled:true});
				}

			});
			$(":radio[controller='controller']").prop({"disabled":false});
	});
 </script>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 16:38:32 By : sakuraei
 


 

No. 12



โพสกระทู้ ( 3,156 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


http://jsfiddle.net/mBCVA/
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-11 23:23:03 By : sakuraei
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ขอ code checkbox ที่มีย่อยเป็น radio buttom และ textbox
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่