Question

嗨，我有一个我开发的两部分表格。一个是现有成员，一个不是。

在其中一个表单上，我有一个复选框，需要先检查才能继续，以确定它们是否在正确的表单上。我将使用隐藏和取消隐藏表格的单选按钮。

然而，当我试图处理如果选中单选按钮然后检查复选框是否被选中时，我没有得到任何回复。

有人可以帮我实现吗？我的JS在下面或查看我的JSFIDDLE：

$(document).ready(function(){

    var check;   

    if($("input:radio[name=existingpartner]").is(":checked")){

        // Example 3 - With jQuery prop  
    $("#test-with-prop").on("click", function(){
        check = $("#mycheckbox").prop("checked");
        if(check) {
             alert("Checkbox is checked.");
        } else {
            alert("Checkbox is unchecked.");
        }
    }); 
});

Answer 1

在if语句中，您正在检查是否已选中该元素，但在DOM中未检查该元素，因此它不会绑定该按钮上的事件。

将if语句移到bind事件中。

$("#test-with-prop").on("click", function () {
    if ($("input:radio[name=existingpartner]").is(":checked")) {
        check = $("#mycheckbox").prop("checked");
        if (check) {
            alert("Checkbox is checked.");
        } else {
            alert("Checkbox is unchecked.");
        }
    }
});

DEMO

jquery检查是否选中了单选按钮，然后检查是否选中了复选框

1 个答案: