取消选中已选择的radio的js方法

JavaScript 2012-10-18

需求:查找出被选中radio的值,并且能够取消选中的radio。

基础知识:
关于radio:首先我们要了解的是,radio是单选按钮,当选中其中一个radio,则其他的radio变成非选状态,选中的radio的checked的值为true,非选的radio的checked值为false。
关于getElementBy/getElementsBy相关方法:细心点的人可以发现前者的Element是单数形式,后者是复数形式,我们可以简单的理解为单数只能返回一个值,而复数可以返回多个值。

1.getElementById():因为id是唯一的,所以通过id获取的元素只能是一个,该方法返回id的第一个值,在本例中getElementById("brand").value=1
2.getElementsByName:通过定义的name来获取相关元素,返回的值是数组形式,在本例中document.getElementsByName("brand").length的意思,就是将所有name=brand的元素统计起来,获取他们的长度。
3.getElementsByTagName:通过标签来获得元素,返回的值是数组形式,例如在本例中,document.getElementsByTagName("input").length=4,因为有4个input的标签。


完整代码:





取消选中已选择的radio的js方法|APIEYE.com








演示地址:https://www.apieye.com/plus/312.html


本文由 Jazzy 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

4 条评论

  1. dysodeng
    dysodeng

    正好需要

  2. R.T
    R.T

    这个例子是点击按钮情况,若是我要点击A,则选中A,再点击A,取消选中呢。。点击事件好像重复发生

    1. Jazzy
      Jazzy

      那样建议使用checkbox

  3. zencart教程
    zencart教程

    正好找到了,拿去试一下

添加新评论