c# - 为什么此代码不能在 jQuery/JavaScript 中用于使用复选框的 HTML 表单？

Question

好吧，这有点让我震惊，因为我已经单独使用了这些代码并且非常成功，但是当我将它们放在一起时它们不起作用。我将解释我想要做什么，尽管当您看到下面的代码时，它可能会非常不言自明。

我试图简单地确保 HTML 表单一次只能选中两个复选框之一。 (不能使用单选按钮，因为要选中的两个框的选项都必须可用)。

无论如何，这是代码(请假设输入字段的id是准确的，它们是“sIsGangMember”和“sIsGangMember”

$("#sIsGangMember").change(function () {

    if ($("#sIsGangMember").is(':checked')) {
        document.getElementById("sIsNotGangMember").checked = false;
    }
});

$("#sIsNotGangMember").change(function () {

    if ($("#sIsNotGangMember").is(':checked')) {
        document.getElementById("sIsGangMember").checked = false;
    }
});

如果这是愚蠢的事情，我真的很抱歉，但我知道我之前已经单独使用过这段代码的所有部分，并且一切都很好，但我根本看不出它有什么问题，也看不出它有什么问题HTML 部分:

<tr>
    <td class="lineupColor2">
        Search For Street<br/>Gang Member
    </td>
    <td class="lineupColor2">
        <label for="sIsGangMember">Is Gang Member</label>
        <br/>
        <input type="checkbox" id="sIsGangMember" name="sIsGangMember" 
            style="margin-left: 115px;" value="ticked" @IsGangMemberTicked/>
    </td>
    <td class="lineupColor2"> 
        <label for="sIsNotGangMember">Is Not Gang Member</label>
        <br/>
        <input type="checkbox" id="sIsNotGangMember" name="sIsNotGangMember"
            style="margin-left: 115px;" value="ticked" @IsNotGangMemberTicked/>
    </td>
    <td class="lineupColor2">
         <button type="button" style="cursor: pointer;" 
             onclick="clearIsGangMembers()">Clear Fields
         </button>
    </td>
    <td class="lineupColor2">
    </td>
</tr>

您看到的 Razor (C#)只是一个不包含任何内容或包含字符串“checked='checked'”的值，以便表单记住它们是否被选中的值，以便进一步搜索或出现错误出现表单未提交等情况

分配 C# 变量的部分是:

    //////////////////////////////////////////////////////////////////////////////////////////
    if(IsGangMember=="ticked"){IsGangMemberTicked="checked='checked'";}///////////////////////
    if(IsNotGangMember=="ticked"){IsNotGangMemberTicked="checked='checked'";}/////////////////
    //////////////////////////////////////////////////////////////////////////////////////////

无论如何，感谢您的帮助!

感谢大家的帮助，但是谁能告诉我“为什么”这不起作用？

更新:

好吧，.click 也不起作用...显然这里还发生了其他事情...

Answer 1

您将需要使用单击或鼠标按下而不是更改事件。

jQuery checkbox change and click event

例如。 http://jsfiddle.net/qn8Kh/2/

有关原因的更多信息: jQuery difference between change and click event of checkbox