改变checkbox默认选中状态及取值的实现代码
2016-06-22来源:易贤网

下面小编就为大家带来一篇改变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默认选中状态及取值的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息