改變checkbox默認選中狀態(tài)及取值的實現(xiàn)代碼
更新時間：2016年05月26日 11:12:44 投稿：jingxian
下面小編就為大家?guī)硪黄淖僣heckbox默認選中狀態(tài)及取值的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
<inputtype="checkbox"name="chk"value="1"val="1級">1級 <inputtype="checkbox"name="chk"value="2"checked="checked"val="2級">2級 <inputtype="checkbox"name="chk"value="3"val="3級">3級
1）設(shè)置1級和3級選中
2）獲取選中的值，以‘，'分隔顯示
更改默認狀態(tài)：
$(":checkbox").attr("checked", function() {
if ($(this).is(":checked")) {
return false;
} else {
return true;
}
});
遍歷取值：
$(":checkbox").click(function() {
var arrayValue = new Array();
$(":checkbox").each(function(){
if ($(this).is(":checked")) {
arrayValue.push($(this).val());
}
});
arrayValue.join(",");
alert(arrayValue);
});
以上這篇改變checkbox默認選中狀態(tài)及取值的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了基于JavaScript實現(xiàn)隨機顏色輸入框的實例代碼，代碼簡單易懂，非常不錯，需要的朋友參考下吧2016-12-12
JavaScript封裝的常用工具類庫bee.js用法詳解【經(jīng)典類庫】
這篇文章主要介紹了JavaScript封裝的常用工具類庫bee.js用法,結(jié)合實例形式詳細分析了經(jīng)典類庫bee.js常見的手機、身份證、郵箱校驗,以及字符串操作、四則運算、正則驗證等相關(guān)操作的封裝與使用技巧,需要的朋友可以參考下2018-09-09
這篇文章主要為大家詳細介紹了JS+HTML+CSS實現(xiàn)輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
菜鳥也能搞懂js中typeof與instanceof區(qū)別
instanceof和typeof是兩個運算符，在程序設(shè)計中用到，常用來判斷一個變量是否為空，或者是什么類型的，本文就來介紹一下typeof與instanceof區(qū)別，感興趣的可以了解一下2021-09-09
這篇文章主要介紹了新手快速學習JavaScript免費教程資源匯總，都是非常不錯的學習站點，有需要的小伙伴可以參考下。2015-06-06
JavaScript如何將時間戳轉(zhuǎn)化為年月日時分秒格式
這篇文章主要給大家介紹了關(guān)于JavaScript如何將時間戳轉(zhuǎn)化為年月日時分秒格式的相關(guān)資料,在前端的日常工作當中,時間戳的使用也是不少的,有時后端返回給我們的數(shù)據(jù)是一個時間戳,我們需要轉(zhuǎn)換成年月日,時分秒的形式展示在頁面當中,需要的朋友可以參考下2023-11-11
這篇文章主要為大家詳細介紹了js+html+css實現(xiàn)簡單電子時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
javascript 面向?qū)ο蠹夹g(shù)基礎(chǔ)教程
看了很多介紹javascript面向?qū)ο蠹夹g(shù)的文章,很暈.為什么?不是因為寫得不好,而是因為太深奧.2009-12-12
這篇文章給大家總結(jié)了在.vue文件里cropperjs的使用方法和經(jīng)驗教訓，感興趣的朋友跟隨腳本之家小編學習吧2018-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)鼠標懸浮框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03