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

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

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

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

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

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

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

ขอบคุณครับ

Chinnotsuke 24-02-2011 10:05:01

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

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

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

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 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

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน