帶有收音機按鈕質量的複選框

Question

我需要具有單選按鈕質量的複選框列表：

您只能檢查其中的一個。

我不想使用單選按鈕，因爲我需要其他品質的複選框，就像您可以通過額外的點擊取消選中它一樣。

有沒有簡單的方法來做到這一點？

我可以使用JavaScript，包括挖空和jquery庫。

Answer 1

​​

$(function() { 
    $(':checkbox').on('change',function() { 
     $(':checkbox[name=' + this.name + ']:checked').not(this).prop('checked',false); 
    }); 
}); 

Answer 2

HTML：

<fieldset> 
    <legend>Group1</legend> 
     <input type="checkbox" class="radio" value="1" name="fooby[1][]" /> 
     <input type="checkbox" class="radio" value="1" name="fooby[1][]" /> 
     <input type="checkbox" class="radio" value="1" name="fooby[1][]" /> 
    </fieldset> 
<fieldset> 
    <legend>Group2</legend> 
     <input type="checkbox" class="radio" value="1" name="fooby[2][]" /> 
     <input type="checkbox" class="radio" value="1" name="fooby[2][]" /> 
     <input type="checkbox" class="radio" value="1" name="fooby[2][]" /> 
</fieldset> 

複選框組酷似單選按鈕組

的jsfiddle： Checkbox Group

使用Javascript：

$("input:checkbox").click(function(){ 
    var group = "input:checkbox[name='"+$(this).attr("name")+"']"; 
    $(group).attr("checked",false); 
    $(this).attr("checked",true); 
}); 

複選框組，你可以刪除所有檢查。

的jsfiddle： Checkbox Group(can remove all checked)

的Javascript：

$("input:checkbox").change(function(){ 
    var group = "input:checkbox[name='"+$(this).attr("name")+"']";  
    $(group).not(this).prop("checked",false); 
    $(this).prop("checked",!this.checked);  
});