prop()和is()方法是我们可以通过两种方式检查是否在jQuery中选中了一个复选框.
prop():此方法提供了一种简单的方法来跟踪复选框的状态。它在每种情况下都可以正常工作, 因为每个复选框都有选中的属性, 用于指定其选中或未选中状态。
is():这种方法也非常简单易用。通过使用此功能, 我们可以轻松找到是否选中了复选框。
使用jQuery prop()方法:
【如何检查jQuery中是否已选中复选框()】语法如下:
$(selector).prop(parameter)
参数:这里的参数是复选框的当前状态。
示例1:
<
!DOCTYPE html>
<
html >
<
head >
<
script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
<
/ script >
<
/ head >
<
body >
<
div style="width: 80px;
height: 80px;
padding: 10px;
border: 2px solid green;
">
<
input type = "checkbox"
name = "radio1"
checked />
<
script >
$(document).ready(function() {
$("#but").click(function() {
if ($("input[type=checkbox]").prop(
":checked")) {
alert("Check box in Checked");
} else {
alert("Check box is Unchecked");
}
});
});
<
/ script >
<
br >
<
button style = "margin-top:10px"
id = "but"
type = "submit" >
Submit
<
/ button >
<
/ div >
<
/ body >
<
/ html >
输出如下:
在单击按钮之前, 未选中复选框:
文章图片
单击按钮后:
文章图片
使用jQuery is()方法:
句法 :
$(selector).is(parameter)
参数:这里的参数是复选框的当前状态。
示例2:
<
!DOCTYPE html>
<
html >
<
head >
<
style >
div {
width: 80px;
height: 80px;
padding: 10px;
border: 2px solid green;
}button {
margin-top: 10px;
}
<
/ style >
<
script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
<
/ script >
<
/ head >
<
body >
<
div >
<
input type = "checkbox"
name = "radio1"
checked />
<
script >
$(document).ready(function() {
$("#but").click(function() {
if ($("input[type=checkbox]").is(
":checked")) {
alert("Check box in Checked");
} else {
alert("Check box is Unchecked");
}
});
});
<
/ script >
<
br >
<
button id = "but"
type = "submit" >
Submit
<
/ button >
<
/ div >
<
/ body >
<
/ html >
输出如下:
单击"单击按钮之前"复选框:
文章图片
单击按钮后:
文章图片
推荐阅读
- jQuery hide()使用和代码示例
- 雅虎面试|S3
- Python中带有参数的装饰器
- MySQL中的EXP()函数用法详细介绍
- AngularJS 日期过滤器用法实例
- 什么是正确的JSON内容类型()
- 本文教你设置win7右键显示隐藏文件
- 联想z460无线网卡驱动最新推荐
- 本文教你查看电脑设置