jquery - 提交表单时取消选中复选框

Question

我不确定这是不是 jQuery 在使用 .click() 时的错误函数而不是 .change()复选框的功能。它在 jsfiddle 上运行良好 1 : http://jsfiddle.net/fadlisaad/tSgbZ/16/但不在实时页面上http://webcollect.viewscast.com/canonrepairmobile

你可以用这个序列来测试它:

1. 语言 > 英语
2. 国家/地区>英国
3. 点击“继续”
4. 选择任何选项并点击“继续”回答下 3 个问题，直到您找到问题“在维修您的产品之前，您采取了哪些步骤来尝试解决问题？”
5. 尝试选择最后一个选项“以上都不是”，然后点击继续。在加载到下一个问题的过程中，选中的选项本身神秘地未选中，因此如果您查看下一页的源代码，您会发现 <INPUT TYPE="Hidden" ID="__OUTP__ResolveWay_7" NAME="__OUTP__ResolveWay_7" VALUE="">应该是 <INPUT TYPE="Hidden" ID="__OUTP__ResolveWay_7" NAME="__OUTP__ResolveWay_7" VALUE="1">
   
   与其他复选框配合使用效果很好。有人能找出原因吗？

Answer 1

使用这段代码:

$('input[name!="ResolveWay_7"]').click(function() {
    $('input[name="ResolveWay_7"]').removeAttr('checked');
});

你这样做是为了每次点击输入时，复选框都会被停用。因此，当您单击提交按钮(是的，这也是一个输入)时，它会取消选中该复选框。

我相信您只需将选择器更改为 $('input[type="checkbox"][name!="ResolveWay_7"]') 即可。