PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

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

http://www.ninenik.com/%E0%B8%81%E0%B8%B3%E0%B8%AB%E0%B8%99%E0%B8%94_%E0%B8%9B%E0%B8%B8%E0%B9%88%E0%B8%A1_%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%97%E0%B8%B3%E0%B8%87%E0%B8%B2%E0%B8%99_%E0%B9%80%E0%B8%A1%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%84%E0%B8%A5%E0%B8%B4%E0%B8%81%E0%B8%97%E0%B8%B5%E0%B9%88_checkbox_%E0%B8%A2%E0%B8%AD%E0%B8%A1%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%87%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%82_%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2_jQuery-385.html

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

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

ขอบคุณครับ



โดย:  Chinnotsuke IP: 119.42.93.xxx วันที่: 24-02-2011 เวลา: 10:05:01

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 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 IP: 183.89.188.xxx วันที่: 24-02-2011