jquery - 使用 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>

提前感谢您的帮助！米

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*。