使用jquery实现单选框、多选框取消选中状态

最新推荐文章于 2023-06-03 07:44:22 发布

转载最新推荐文章于 2023-06-03 07:44:22 发布 · 269 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/super-chao/p/6062403.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript重置网页上所有单选按钮的方法。提供了两种实现方案：一种是通过遍历所有单选按钮并清除其选中状态；另一种是直接移除所有单选按钮的checked属性。此外，还特别指出了在使用reset类型的输入按钮时，不应附加点击事件来调用该函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function radioReset(){
    /*方式一*/
    /* var radios = $("input[type='radio']");
     for (i=0; i<radios.length; i++){
         if(radios[i].checked){
              radios[i].checked = false;
          } 
     } */
     /*方式二*/
    $("input[type='radio']").removeAttr('checked');      
}

切记：如果在input类型为reset的上面添加onclick="radioReset();"如：

取消选中的js代码不生效

转载于:https://www.cnblogs.com/super-chao/p/6062403.html