使用 jQuery 保持功能取消绑定复选框

Question

我正在尝试使用几个简单的复选框来解决一个问题，我想使用这些复选框来显示/隐藏（切换）div，但需要保留复选框的值，这意味着它们不能使用禁用属性，因为如果是这样, 他们不会被提交。所以基本上我正在尝试的是禁用单击已选中的复选框以避免单击相同的复选框并切换 div。只有未选中的复选框应该是可点击的，并且通过继承 div 将切换。 （我的问题是复选框，而不是 div 切换）

<input type="radio" id="cc_email0" name="form[cc_email]" value="0" checked="checked">
<input type="radio" id="cc_email1" name="form[cc_email]" value="1">

<div id="for_cc_mail0" style="display: block">The div content for 0</div>
<div id="for_cc_mail1" style="display: none">The div content for 1</div>

提前感谢您的帮助！ M

Answer 1

您的输入是单选按钮而不是复选框。除了禁用输入，您可以尝试：

var $div = $('div');
$('input[type=radio]').change(function(){
   $div
     .hide()
     .filter('[id="for_'+this.id+'"]')
     .show();
})

http://jsfiddle.net/sPy2g/

请注意，我已将复选框的 ID 从 cc_email* 更改为 cc_mail*。