JQuery 判断value选中checkbox 判断checkbox是否选中修改、获取value值

最新推荐文章于 2021-12-06 14:50:55 发布

xuzelong

最新推荐文章于 2021-12-06 14:50:55 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： jQuery JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/xuzelong/article/details/83919489

版权

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

//获取选中的checkbox的value值并且赋给文本框

function check(){

}

//使用用拦截器拦截，判断value为1的，并且选中

function check2(){

         $(":checkbox").each(
       function(){
            if($(this).val()=="1"){
             $(this).attr("checked",true);
            }
  });

   }

//使用拦截器拦截，并且循环判断是否选择。改变value值
function check3(){
          $(":checkbox").each(
            function(){
            if($(this).attr("checked")=="checked"){
               $(this).val("0");
            }
            alert($(this).attr("checked"));
  });
}
function check4(){
}
</script>
</head>

<body>
<p>你要加什么呢？</p>
<form>
<input type="checkbox" name="coffee" value="1">加奶油<br />
<input type="checkbox" name="coffee" value="1">加糖块<br />
<input type="checkbox" name="coffee" value="1">加冰<br />
<input type="checkbox" id="woter" name="coffee" value="1">加水<br />
<br />
<input type="button" οnclick="createOrder()" value="发送">
<input type="button" οnclick="check()" value="OK">
<input type="button" οnclick="check2()" value="11111111">
<input type="button" οnclick="check3()" value="00000000">
<input type="button" οnclick="check4()" value="check4">
<br /><br />
<input type="text" id="order" size="50">
</form>
</body>

</html>

***********************************************

jquery 如何判断checkbox（复选框）是否被选中

在html 如果一个复选框被选中是 checked=”checked”。

但是我们如果用jquery alert($(“#id”).attr(“checked”)) 会提示您是true而不是checked

所有可以用 if($(“#id”).attr(“checked”)==true)来判断就可以了

xuzelong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery 判断value选中checkbox 判断checkbox是否选中修改、获取value值

&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript" src="jquery-1.6.js"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;//获取选中的checkbox的value值并且赋给文本框function createOrder
复制链接

扫一扫