改变checkbox默认选中状态及取值的实现代码
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇改变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默认选中状态及取值的实现代码就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。