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

171 阅读 0 评论 113 点赞

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

复制代码

1
2
3
4
5
<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）获取选中的值，以‘，'分隔显示

更改默认状态：

复制代码

1
2
3
4
5
6
7
$(":checkbox").attr("checked", function() {
 if ($(this).is(":checked")) {
  return false;
 } else {
  return true;
 }
 });

遍历取值：

复制代码

1
2
3
4
5
6
7
8
9
10
$(":checkbox").click(function() {
var arrayValue = new Array();
$(":checkbox").each(function(){
if ($(this).is(":checked")) {
arrayValue.push($(this).val());
 }
 });
   arrayValue.join(",");
   alert(arrayValue);
 });

以上这篇改变checkbox默认选中状态及取值的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。