jquery如何获取、设置复选框 单选框的值
复选框checkbox，单选框radio利用jquery常用的val()或者attr()函数获取设置选中值，凡是都不克不及达到预期的结果，所以，对于这类勾选的状况，应该利用prop()方式。
本文就为您介绍复选框checkbox，单选框radio的取值、设置选中等操作
方式/步调
- 1
建立如下布局的测试页面
-- Content
-- jquery-1.11.3.min.js
-- JqueryProp.html
- 2
获取一个复选框的选中值，代码与浏览器运行页面如图所示
关头取值代码，利用prop("checked")判定哪个选中：
var selected = "";
$(".chk").each(function () {
var $this = $(this);
if ($this.prop("checked") == true) {
selected += $this.val();
}
});
- 3
获取多个复选框的值，代码与浏览器运行页面如图所示
关头取值代码，利用prop("checked")判定那些选中，然后取值毗连
- 4
设置一个复选框选中，代码与浏览器运行页面如图所示
关头设置值代码： 指心猿意马value值的jquery对象.prop("checked", true)
- 5
获取选中的单选框值，代码与浏览器运行页面如图所示
关头取值代码，利用prop("checked")判定哪个选中：
var selected = "";
$(".comRadio").each(function () {
var $this = $(this);
if ($this.prop("checked") == true) {
selected += $this.val();
}
});
- 6
设置单选框选中，代码与浏览器运行页面如图所示
关头设置值代码： 指心猿意马value值的jquery对象.prop("checked", true)
- 7
综上：
1）复选框：可以选择多个值，所以不克不及利用.val()方式，而要利用prop("checked")判定那些选中，然后再利用.val()获取值
2）单选框：若是利用class选择器，找到的也不惟一，所以，也不克不及直接利用.val()方式，而要利用prop("checked")判定阿谁选中，然后再利用.val()获取值
- 发表于 2018-11-07 00:00
- 阅读 ( 970 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章