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()获取值
【jquery如何获取、设置复选框单选框的值】2）单选框：若是利用class选择器，找到的也不惟一，所以，也不克不及直接利用.val()方式，而要利用prop("checked")判定阿谁选中，然后再利用.val()获取值

以上内容就是jquery如何获取、设置复选框单选框的值的内容啦，希望对你有所帮助哦！

jquery如何获取、设置复选框 单选框的值

猜你喜欢

jquery如何获取、设置复选框单选框的值