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

前端技术 2023/09/07 JavaScript 
<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默认选中状态及取值的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/19777

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案