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,027

HOME > PHP > PHP Forum > ช่วยดูให้หน่อยครับ ต้องการให้เลือก radio แล้ว checkbox ปิด ครับ



 

ช่วยดูให้หน่อยครับ ต้องการให้เลือก radio แล้ว checkbox ปิด ครับ

 



Topic : 102882



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



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



ปัญหาของผมตอนนี้คือ เมื่อเราไปคลิ๊กอันอื่นต่อจากการเลือก radio มันจะเปิด checkbox ที่ได้ปิดไว้
ความต้องการของผม คือ ถ้า user เลือกข้อ radio แบรนด์ไหนแล้ว ให้ทำการ disabled checkbox ของแบรนด์นั้นๆครับ

ss

Code (PHP)
				<thead>
				  <tr id="q1">
					<th>Question / Brands</th>
					<th>Apple</th>
					<th width="7%">Blackberry</th>
					<th>HTC</th>
					<th width="7%">i-mobile</th>
					<th>LG</th>
					<th>Nokia</th>
					<th>Oppo</th>
					<th>Samsung</th>
					<th>Sony</th>
					<th width="8%">TriNet (dtac)</th>
					<th>อื่นๆ ระบุ <input name="other1" type="text" size="5" value=" <?php echo $result1['q1_other1'];?>" id="other_1"  OnKeyDown="fncEnabled_other1()"></th>
					<th>อื่นๆ ระบุ <input name="other2" type="text" size="5" value=" <?php echo $result1['q1_other2'];?>" id="other_2"  OnKeyDown="fncEnabled_other2()"></th>
				  </tr>
				</thead>
				<tbody>
				  <tr id="q1"  class="light">
					<td>Q1a เมื่อพูดถึงโทรศัพท์สมาร์ทโฟน มีแบรนด์ไหนบ้างที่คุณรู้จัก (คำตอบเดียว เอ่ยครั้งแรก)</td>
					<td><center><input name="q1a" type="radio" value="1" <? if($result1['q1a'] == 1){echo 'checked';}?>
					onClick="this.form.q1b_1.disabled = true;" onBlur="this.form.q1b_1.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="2" <? if($result1['q1a'] == 2){echo 'checked';}?> 
					onClick="this.form.q1b_2.disabled = true;" onBlur="this.form.q1b_2.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="3" <? if($result1['q1a'] == 3){echo 'checked';}?> 
					onClick="this.form.q1b_3.disabled = true;" onBlur="this.form.q1b_3.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="4" <? if($result1['q1a'] == 4){echo 'checked';}?> 
					onClick="this.form.q1b_4.disabled = true;" onBlur="this.form.q1b_4.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="5" <? if($result1['q1a'] == 5){echo 'checked';}?> 
					onClick="this.form.q1b_5.disabled = true;" onBlur="this.form.q1b_5.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="6" <? if($result1['q1a'] == 6){echo 'checked';}?> 
					onClick="this.form.q1b_6.disabled = true;" onBlur="this.form.q1b_6.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="7" <? if($result1['q1a'] == 7){echo 'checked';}?> 
					onClick="this.form.q1b_7.disabled = true;" onBlur="this.form.q1b_7.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="8" <? if($result1['q1a'] == 8){echo 'checked';}?> 
					onClick="this.form.q1b_8.disabled = true;" onBlur="this.form.q1b_8.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="9" <? if($result1['q1a'] == 9){echo 'checked';}?> 
					onClick="this.form.q1b_9.disabled = true;" onBlur="this.form.q1b_9.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="10" <? if($result1['q1a'] == 10){echo 'checked';}?> 
					onClick="this.form.q1b_10.disabled = true;" onBlur="this.form.q1b_10.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="11" <? if($result1['q1a'] == 11){echo 'checked';}?> id="q1a_11" disabled="disabled"
					onClick="this.form.q1b_11.disabled = true;" onBlur="this.form.q1b_11.disabled = false;"></center></td>
					<td><center><input name="q1a" type="radio" value="12" <? if($result1['q1a'] == 12){echo 'checked';}?> id="q1a_12" disabled="disabled"
					onClick="this.form.q1b_12.disabled = true;" onBlur="this.form.q1b_12.disabled = false;"></center></td>
				  </tr>
				  <tr id="q1" class="dark">
					<td>Q1b มีแบรนด์ไหนอีกไหมครับ/ค่ะ (ให้ผู้ตอบแบบสอบถามเอ่ยเพิ่มเติม)</td>
					<td><center><input name="q1b_1" type="checkbox" value="1" <? if($result1['q1b_1'] == 1){echo 'checked';}?> id="q1b_1" ></center></td>
					<td><center><input name="q1b_2" type="checkbox" value="2" <? if($result1['q1b_2'] == 2){echo 'checked';}?> id="q1b_2" ></center></td>
					<td><center><input name="q1b_3" type="checkbox" value="3" <? if($result1['q1b_3'] == 3){echo 'checked';}?> id="q1b_3" ></center></td>
					<td><center><input name="q1b_4" type="checkbox" value="4" <? if($result1['q1b_4'] == 4){echo 'checked';}?> id="q1b_4" ></center></td>
					<td><center><input name="q1b_5" type="checkbox" value="5" <? if($result1['q1b_5'] == 5){echo 'checked';}?> id="q1b_5" ></center></td>
					<td><center><input name="q1b_6" type="checkbox" value="6" <? if($result1['q1b_6'] == 6){echo 'checked';}?> id="q1b_6" ></center></td>
					<td><center><input name="q1b_7" type="checkbox" value="7" <? if($result1['q1b_7'] == 7){echo 'checked';}?> id="q1b_7" ></center></td>
					<td><center><input name="q1b_8" type="checkbox" value="8" <? if($result1['q1b_8'] == 8){echo 'checked';}?> id="q1b_8" ></center></td>
					<td><center><input name="q1b_9" type="checkbox" value="9" <? if($result1['q1b_9'] == 9){echo 'checked';}?> id="q1b_9" ></center></td>
					<td><center><input name="q1b_10" type="checkbox" value="10" <? if($result1['q1b_10'] == 10){echo 'checked';}?> id="q1b_10" ></center></td>
					<td><center><input name="q1b_11" type="checkbox" value="11" <? if($result1['q1b_11'] == 11){echo 'checked';}?> id="q1b_11" disabled="disabled" ></center></td>
					<td><center><input name="q1b_12" type="checkbox" value="12" <? if($result1['q1b_12'] == 12){echo 'checked';}?> id="q1b_12" disabled="disabled"></center></td>				
				  </tr>





Tag : PHP, MySQL, JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-11-20 17:00:58 By : flintstone View : 1153 Reply : 6
 

 

No. 1

Guest


ลองหา Javascript:onClick มาใช้ครับ ซ่อน แสดง show ไม่โชว์ ปิด เปิด ....ไม่ยาก






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-20 18:44:56 By : telesyn
 


 

No. 2



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



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

ยังไม่ได้เลยครับ ใครมีอะไรแนะนำบ้างไหมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-25 15:46:47 By : flintstone
 

 

No. 3



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



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


มองในมุมผู้ทำวิจัยนะครับ คำถามของคุณ จขกท.คือ

1. คำถามที่บังคับให้ต้องตอบคือข้อQ1a และสามารถตอบได้แค่ช้อเดียว
- เมื่อตอบแล้ว. . . ผู้ร่วมประเมินสามารถเลือกหรือไม่ก็ได้ว่าจะตอบข้อ Q1b . . . .
2. ข้อ Q1b สามารถตอบได้มากกว่า 1 คำตอบหรือไม่ตอบเลยก็ได้

นี่คือลอจิกเบื้องต้น ทีนี้เราจะมาหาเทคนิคว่า ทำอย่างไรให้ "เมื่อมีการคลิกในในกล่อง Q1a แล้วให้เลือก Q1b ได้

โค้ด


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
  function set_checkbox(){
    var el_1 = document.getElementById("a1");
    var el_2 = document.getElementById("a2");
    if(el_1.checked || el_2.checked ) {
      document.getElementById("b1").disabled = false;
	  document.getElementById("b2").disabled = false;
	  document.getElementById("b3").disabled = false;
    }else{
     document.getElementById("b1").disabled = true;   
	 document.getElementById("b2").disabled = true; 
	 document.getElementById("b3").disabled = true;  
	 }
  }   
</script>

<body>
<p>คำถามหลัก :
  <input type="radio" name="a" id="a1" value="radio"  onchange="set_checkbox();" /> 
xxx 
<input type="radio" name="a" id="a2" value="radio"  onchange="set_checkbox();" />
yyy<br />
คำถามย่อย : 
<input type="checkbox" name="b1" id="b1"  disabled="disabled" />
aa
<input type="checkbox" name="b2" id="b2"  disabled="disabled" />
bb
<input type="checkbox" name="b3" id="b3"  disabled="disabled"/>
cc

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


 

No. 4

Guest


เอา โง่ๆ แบบผมเลยนะคับ
ผมจะเหลือ แค่ onClick แล้วไปเรียก function javascript


<script language="javascript">
function funcClick(obj){
document.frm1.q1b_1.disabled =false;
document.frm1.q1b_2.disabled =false;
document.frm1.q1b_3.disabled =false;
document.frm1.q1b_4.disabled =false;
document.frm1.q1b_5.disabled =false;
document.frm1.q1b_6.disabled =false;
document.frm1.q1b_7.disabled =false;
document.frm1.q1b_8.disabled =false;
document.frm1.q1b_9.disabled =false;
document.frm1.q1b_10.disabled =false;
document.frm1.q1b_11.disabled =false;
document.frm1.q1b_12.disabled =false;
obj.disabled =true;
}
</script>



<td><center><input name="q1a" type="radio" value="1" <? if($result1['q1a'] == 1){echo 'checked';}?>
onClick="funcClick(document.frm1.q1b_1);"></center></td>
<td><center><input name="q1a" type="radio" value="2" <? if($result1['q1a'] == 2){echo 'checked';}?>
onClick="funcClick(document.frm1.q1b_2);" ></center></td>
<td><center><input name="q1a" type="radio" value="3" <? if($result1['q1a'] == 3){echo 'checked';}?>
onClick="funcClick(document.frm1.q1b_3);" ></center></td>
ใส่ต่อ จนเสร็จเองนะคับ :)
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-25 16:32:49 By : gumix
 


 

No. 5



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



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

ตอบความคิดเห็นที่ : 2 เขียนโดย : flintstone เมื่อวันที่ 2013-11-25 15:46:47
รายละเอียดของการตอบ ::
อย่างที่ท่านกล่าวครับ แต่ว่ายังมีเงื่อนไขครับ

ถ้าข้อ Q1a ตอบอะไรไปแล้ว Q1b จะไม่สามารถตอบข้อนั้นได้

เช่น Q1a ผมเลือก APPLE ข้อ Q1b จะ Disable APPLE ครับ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-25 17:14:27 By : flintstone
 


 

No. 6



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



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

ตอบความคิดเห็นที่ : 4 เขียนโดย : gumix เมื่อวันที่ 2013-11-25 16:32:49
รายละเอียดของการตอบ ::
ผมลองแล้ว ได้แล้วครับ แต่ยังคิดปัญหาตรงอื่นๆ นิดหน่อยครับ

ตรงอื่นๆ ถ้ากรอกข้อมูลจะเปิด radio และ checkbox ให้เลือกครับ แต่ตอนนี้คือคำสั่ง Disable มันซ้อนกัน
พอมีวิธีไหนไหมครับ



ประวัติการแก้ไข
2013-11-25 17:30:27
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-11-25 17:18:47 By : flintstone
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ช่วยดูให้หน่อยครับ ต้องการให้เลือก radio แล้ว checkbox ปิด ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 00
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 อัตราราคา คลิกที่นี่