如何评估按钮单击JQuery时复选框的状态

这应该是一个相当基本的概念，但出于某种原因，这让我很难接受。从标题上看，这个问题应该是不言自明的。我试图在单击按钮时获取状态。以下是我所参考的表格：

<form id="setupForm">
    <label>Name</label>
        <input type="text" name="Name"><br/>

    <label>Tag</label>
        <input type="text" name="Tag"><br/>

    <label>Choose Your Theme</label>
        <input type="radio" name="theme" value="1"> 1
        <input type="radio" name="theme" value="2"> 2
        <input type="radio" name="theme" value="3"> 3<br/>

    <label>Choose Your Pre-Built Pages</label>
        <input type="checkbox" name="page" value="About" checked>About Us
        <input type="checkbox" name="page" value="Contact" checked>Contact Us
        <input type="checkbox" name="page" value="Terms" checked>Terms of Service
        <input type="checkbox" name="page" value="Privacy" checked>Privacy Policy<br/>

    <label>Insert YouTube Embed Code (Not Required)</label>
        <input type="text" name="embed"><br/>

    <button id="proceedBtn" type="button">Proceed</button><br>

</form>

它们都返回

true

我也尝试过：

从复选框中删除选中的

属性-->返回
true

将选中的

值更改为
false
-->返回的
true

它似乎要么返回

true

要么返回

undefined

。。。有什么想法吗？谢谢。

希望您需要：

$（文档）.ready（函数（）{
$（“#proceedBtn”）。单击（函数（）{
$（'input[type=checkbox]'）。每个（函数（）{
如果（$（this）.is（“：checked”））{
log（$（this）.val（）+'已选中）；
}否则{
console.log（$（this）.val（）+'未选中）；
}
});
});
});

名称


标签


选择你的主题
1.
2.
3

选择您的预构建页面
关于我们
联系我们
服务条款
隐私政策

插入YouTube嵌入代码（非必需）


继续

希望您需要：


$（文档）.ready（函数（）{
$（“#proceedBtn”）。单击（函数（）{
$（'input[type=checkbox]'）。每个（函数（）{
如果（$（this）.is（“：checked”））{
log（$（this）.val（）+'已选中）；
}否则{
console.log（$（this）.val（）+'未选中）；
}
});
});
});

名称


标签


选择你的主题
1.
2.
3

选择您的预构建页面
关于我们
联系我们
服务条款
隐私政策

插入YouTube嵌入代码（非必需）


继续


$（“#proceedBtn”）。单击（函数（）{
var valueString=''；
$（'input[name=page]'）。每个（函数（）{
如果（$（this）.is（“：checked”））{
log（$（this）.val（）+'已选中）；
}
});
})

名称


标签


选择你的主题
1.
2.
3

选择您的预构建页面
关于我们
联系我们
服务条款
隐私政策

插入YouTube嵌入代码（非必需）


继续


$（“#proceedBtn”）。单击（函数（）{
var valueString=''；
$（'input[name=page]'）。每个（函数（）{
如果（$（this）.is（“：checked”））{
log（$（this）.val（）+'已选中）；
}
});
})

名称


标签


选择你的主题
1.
2.
3

选择您的预构建页面
关于我们
联系我们
服务条款
隐私政策

插入YouTube嵌入代码（非必需）


继续

在HTML中我看不到带有
name=pageAbout
的输入元素。在HTML中我看不到带有
name=pageAbout
的输入元素。老实说，每个输入都有不同的名称。我取了代码的中间部分，即
$（“input[name=page]”）。每个（函数（）{if（$（this）.is（“：checked”）{console.log（$（this）.val（）+”已选中”）；}其他{console.log（$（this）.val（）+”未选中”）；}
并运行了它，但无论复选框的状态如何，都没有打印到控制台。我可以让它打印，但它始终是选中的。
。老实说，每个输入都有不同的名称。我取了代码的中间部分，即
$（“输入[name=page]”）。每个（函数（）{if（$（this.）（“：checked”））{console.log（$（this）.val（）+“已选中”）；}else{console.log（$（this）.val（）+“未选中”）；}
并运行它，但无论复选框的状态如何，都不会向控制台打印任何内容。我可以让它打印，但它始终处于
选中状态。
var sitePageAbout = $('input[name=pageAbout]');
if(sitePageAbout.prop('checked')){
    valueString += "true,";
}else{
    valueString += "false,";
    console.log(valueString);

}

//#2

var sitePageAbout = $('input[name=pageAbout]');
if(sitePageAbout.attr('checked')){
    valueString += "true,";
}else{
    valueString += "false,";
}
//#3

var sitePageAbout = $('input[name=pageAbout]');
if(sitePageAbout.is(':checked')){
    valueString += "true,";
}else{
    valueString += "false,";
}