สอบถาม Even ระหว่าง Checkbox กับ Radio ทีครับ

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

สอบถาม Even ระหว่าง Checkbox กับ Radio ทีครับ
<html>
<head>
<title>Disable Radio Button in Form Using jQuery</title>
<!-- Include CSS File Here -->
<link rel="stylesheet" href="css/style.css"/>
<!-- Include JS File Here -->
<script src="js/jquery-1.6.min.js" type="text/javascript"></script>
<script type="text/javascript" >
 
$(document).ready(function() {
// By Default Disable radio button
$(".first").attr('disabled', true);
// Disable radio buttons function on Check Disable radio button.
$("form input:checkbox").change(function() {
if ($(this).val() == "Disable") {
$(".second").attr('checked', false);
$(".second").attr('disabled', true);
}
// Else Enable radio buttons.
else {
$(".second").attr('disabled', false);
}
});
});
 
</script>
 
 
 
<script src="js/jquery-1.6.min.js" type="text/javascript"></script>
<script type="text/javascript" >
 
$(document).ready(function() {
// By Default Disable radio button
$(".first").attr('disabled', true);
// Disable radio buttons function on Check Disable radio button.
$("form input:checkbox").change(function() {
if ($(this).val() == "Disable") {
$(".second2").attr('checked', false);
$(".second2").attr('disabled', true);
}
// Else Enable radio buttons.
else {
$(".second2").attr('disabled', false);
}
});
});
 
</script>
 
 
 
 
</head>
<body>
 
 
 
 
 
 
 
<div class="container">
<div class="main">
<h2>Disable Radio Button in Form Using jQuery</h2>
<form action="#" method="post" id="form">
 
 
<input type="checkbox" name="first"  value="Disable" id="checkbox1">
 
<span>Disable</span>
<label>Radio Buttons :</label>
<p>
  <input type="radio" name="second" class="second" value="Radio 1">
  <span>Radio 1</span>
  <input type="radio" name="second" class="second" value="Radio 2">
  <span>Radio 2</span>
  <input type="radio" name="second" class="second" value="Radio 3">
  <span>Radio 3</span></p>
<p>
 
</p>
</form>
 
<form action="#" method="post" id="form">
 
 
<input type="checkbox" name="first"  value="Disable" id="checkbox2">
 
<span>Disable</span>
<label>Radio Buttons :</label>
<p>
  <input type="radio" name="second" class="second2" value="Radio 1">
  <span>Radio 1</span>
  <input type="radio" name="second" class="second2" value="Radio 2">
  <span>Radio 2</span>
  <input type="radio" name="second" class="second2" value="Radio 3">
  <span>Radio 3</span></p>
<p>
 
</p>
</form>
 
 
 
</div>
 
</div>
</body>
</html>



ผมต้องการเลือก checkbox แรกแล้ว ให้  effect จาง optical แค่ radio button ที่ผมอยากจะไห้ครับ  

และเมื่อ checkbox 2 ไห้ effect มันจาง ที่ อันล่าง  คือของไคร ของมันอะครับ

 

 แต่เดิมโค้ตนี้ พอกดที่ check box radio กลับ effect optical ทั้งหน้า

ขอบคุนนพี่ ๆ ครับบผม 

  



Hanakobz112 27.55.35.xxx 04-09-2014 16:34:03

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

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


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


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







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