改变checkbox默认选中状态及取值的实现代码

137 阅读 0 评论 91 点赞

我是靠谱客的博主酷酷仙人掌，最近开发中收集的这篇文章主要介绍改变checkbox默认选中状态及取值的实现代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

<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）设置1级和3级选中

2）获取选中的值，以‘，'分隔显示

更改默认状态：

$(":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默认选中状态及取值的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。