使用 javascript 使复选框表现得像单选按钮

我需要使用 javascript 操作复选框的行为。它们基本上应该像单选按钮一样（一次只能选择一个，并且取消选择任何先前的选择）。

问题是我首先不能使用普通的单选按钮，因为每个单选按钮的名称属性都会不同。

I know它不是使苹果看起来像梨的最终和最闪亮的解决方案，并且 w3c 不会给我他们的拇指，但它会是一个比改变整个 cms 结构的核心 php 逻辑更好的解决方案； -)

任何帮助深表感谢！

HTML :

<label><input type="checkbox" name="cb1" class="chb" /> CheckBox1</label>
<label><input type="checkbox" name="cb2" class="chb" /> CheckBox2</label>
<label><input type="checkbox" name="cb3" class="chb" /> CheckBox3</label>
<label><input type="checkbox" name="cb4" class="chb" /> CheckBox4</label>

jQuery :

$(".chb").change(function() {
    $(".chb").prop('checked', false);
    $(this).prop('checked', true);
});

如果您希望用户可以取消选中所选项目：

$(".chb").change(function() {
    $(".chb").not(this).prop('checked', false);
});

Demo :

http://jsfiddle.net/44Zfv/724/ http://jsfiddle.net/44Zfv/724/