ถามเรื่อง radio button ครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ถามเรื่อง radio button ครับ

ถามเรื่อง radio button ครับ

จากหัวข้อนี้นะครับ 

https://www.ninenik.com/กำหนด_ปุ่ม_ให้ทำงาน_เมื่อคลิกที่_checkbox_ยอมรับเงื่อนไข_ด้วย_jQuery-385.html

ถ้าต้องการทำเป็น radio ตามภาพนะครับ

เมื่อเลือก radio ข้างหน้า ตัวข้างหลังค่อยทำงาน ต้องเขียนโค้ดยังไงครับ

ขอบคุณครับ



Chinnotsuke 24-02-2011 10:05:01

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

 กำหนด class ให้กับ radio และก็ list menu แล้วเรียกใช้งานการจัดการด้วย jQuery
ลเองเอาตัวอย่างต่อไปนี้ไปเป็นแนวทาง

<p>
  <input type="radio" name="radio" id="radio" class="css_radio_me" value="radio2" />
  Computer<br />
  COMPUER ID
  <select name="list_notebook_id" id="list_notebook_id" class="css_list_me" disabled="disabled">
    <option value="COM1">COM1</option>
  </select>
</p>
<p>
  <input type="radio" name="radio2" id="radio2" class="css_radio_me" value="radio2" />
  Notebook<br />
  NOTEBOOK ID
  <select name="list_notebook_id" id="list_notebook_id" class="css_list_me" disabled="disabled">
    <option value="N0001">N0001</option>
  </select>
</p>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript">
$(function(){
	 $(".css_radio_me").click(function(){
		 if($(this).attr("checked")==true){
			 $(this).nextAll(".css_list_me:first").attr("disabled","");
		 }else{
			 $(this).nextAll(".css_list_me:first").attr("disabled","disabled");
		 }
	 });
});
</script>

ตัวอย่าง

Computer
COMPUER ID

Notebook
NOTEBOOK ID



ninenik 24-02-2011






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ