如何使用單選按鈕選項中的複選框？

Question

我想要兩個收音機選項。基本上，一個說「不」，另一個說「是」，在低於是的一個，我想有大約3個複選框。我希望默認選擇「否」，但如果單擊「是」下的任何複選框，它應從「否」切換到「是」。

Answer 1

一個小的javascript函數可以爲你處理。然後當勾選複選框或選擇單選按鈕時調用該功能。

退房

http://www.javascriptkit.com/javatutors/radiocheck.shtml

此類似，但與按鈕http://www.somacon.com/p143.php

Answer 2

這是使用jQuery

$(document).ready(function(){ 
    $('.yesbox').click(function() { 
    var x = $('.yesbox:checked').length; 
     if (x > 0){ 
     $('#yn2').attr('checked', 'checked'); 
     $('#yn1').attr('disabled', true); 
     } 
    }); 

$('body').click(function() { 
    var x = $('.yesbox:checked').length; 
    if (x == 0){ 
    $('#yn1').attr('disabled', false); 
    } 
    }); 

}); 

和HTML會是這樣的：

 <input type='radio' id='yn1' name='yn' value='No'> No<br> 
     <input type='radio' id='yn2' name='yn' value='Yes'> Yes &nbsp; &nbsp; 
     <input type = 'checkbox' name='check1' id='check1' class='yesbox' value = '1'> 1 
     <input type = 'checkbox' name='check2' id='check2' class='yesbox' value = '2'> 2 
     <input type = 'checkbox' name='check3' id='check3' class='yesbox' value = '3'> 3