html radio默认选中,去除选中

亮术网 2017-05-20 本网原创

  radio 是 html 的一个单选框,所谓单选框就是一次只能选择一项,复选框一次才能选择多项。radio 大多用于只有两个选择项的情况,例如性别只有男女两项,当然也可以用于有多个选项的情况。

  在网页加载的时候,默认情况下,radio 不会选中任何一项,一般来说,通常把用户经常选择的项设置为默认项,也就是在网页加载时选中该项,应该如何设置才能使radio选中?这个比较简单,设置一个选中属性即可,具体看下面的实例。

 

  一、网页加载的时,使radio选中

  当用户打开网页时,通常把用户经常选择的项设置为默认选中项,以减少用户操作,提高用户体验,具体实现看下面的代码。

  html代码:

  性别:<input type="radio" name="radioId" value="0" checked="checked" /><input type="radio" name="radioId" value="1" />

  非常简单,只需在 input 中加 checked 属性,即 checked="checked",值得注意的是,不是 checked="true",asp.net 服务器控件才是设置为真假。

 

  二、radio去除选中

  radio选中是加 checked="checked",去除选中自然是把它去掉就可以了,既可手动去掉,也可以用 javascript 去掉,下面举用javascript 去掉的例子。

  html代码:

  性别:<input type="radio" name="radioId" value="0" checked="checked" /><input type="radio" name="radioId" value="1" />

  javascript代码:

  <script type="text/javascript">
    function ClearChecked() {
      var arr = document.getElementsByTagName("input");
      for (var i = 0; i < arr.length; i++) {
        if (arr[i].type == "radio" && arr[i].checked) {
          arr[i].checked = false;
        }
      }
    }
    ClearChecked();
  </script>

  上面这段 javascript 代码正是去掉选中的radio,只需在要去掉处于选中状态的radio的页面调用即可,不过要注意,javascript 代码应该放在 radio 的后面。

本文浓缩标签:radio选中