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
- 閱讀 ( 976 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章