<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）獲取選中的值，以‘，'分隔顯示

更改默認(rèn)狀態(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默認(rèn)選中狀態(tài)及取值的實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

基于JavaScript實(shí)現(xiàn)隨機(jī)顏色輸入框
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)隨機(jī)顏色輸入框的實(shí)例代碼，代碼簡單易懂，非常不錯，需要的朋友參考下吧
2016-12-12
JavaScript封裝的常用工具類庫bee.js用法詳解【經(jīng)典類庫】
這篇文章主要介紹了JavaScript封裝的常用工具類庫bee.js用法,結(jié)合實(shí)例形式詳細(xì)分析了經(jīng)典類庫bee.js常見的手機(jī)、身份證、郵箱校驗(yàn),以及字符串操作、四則運(yùn)算、正則驗(yàn)證等相關(guān)操作的封裝與使用技巧,需要的朋友可以參考下
2018-09-09
JS+HTML+CSS實(shí)現(xiàn)輪播效果
這篇文章主要為大家詳細(xì)介紹了JS+HTML+CSS實(shí)現(xiàn)輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
菜鳥也能搞懂js中typeof與instanceof區(qū)別
instanceof和typeof是兩個(gè)運(yùn)算符，在程序設(shè)計(jì)中用到，常用來判斷一個(gè)變量是否為空，或者是什么類型的，本文就來介紹一下typeof與instanceof區(qū)別，感興趣的可以了解一下
2021-09-09
新手快速學(xué)習(xí)JavaScript免費(fèi)教程資源匯總
這篇文章主要介紹了新手快速學(xué)習(xí)JavaScript免費(fèi)教程資源匯總，都是非常不錯的學(xué)習(xí)站點(diǎn)，有需要的小伙伴可以參考下。
2015-06-06
JavaScript如何將時(shí)間戳轉(zhuǎn)化為年月日時(shí)分秒格式
這篇文章主要給大家介紹了關(guān)于JavaScript如何將時(shí)間戳轉(zhuǎn)化為年月日時(shí)分秒格式的相關(guān)資料,在前端的日常工作當(dāng)中,時(shí)間戳的使用也是不少的,有時(shí)后端返回給我們的數(shù)據(jù)是一個(gè)時(shí)間戳,我們需要轉(zhuǎn)換成年月日,時(shí)分秒的形式展示在頁面當(dāng)中,需要的朋友可以參考下
2023-11-11
js+html+css實(shí)現(xiàn)簡單電子時(shí)鐘
這篇文章主要為大家詳細(xì)介紹了js+html+css實(shí)現(xiàn)簡單電子時(shí)鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
javascript 面向?qū)ο蠹夹g(shù)基礎(chǔ)教程
看了很多介紹javascript面向?qū)ο蠹夹g(shù)的文章,很暈.為什么?不是因?yàn)閷懙貌缓?而是因?yàn)樘願W.
2009-12-12
vue中使用cropperjs的方法
這篇文章給大家總結(jié)了在.vue文件里cropperjs的使用方法和經(jīng)驗(yàn)教訓(xùn)，感興趣的朋友跟隨腳本之家小編學(xué)習(xí)吧
2018-03-03
js實(shí)現(xiàn)鼠標(biāo)懸浮框效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)懸浮框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03