zoukankan      html  css  js  c++  java
  • js控制radio选中

    经常会遇到js控制radio选中和切换的问题

    之前一直使用的是checked属性来完成的

    但是现在发现这个属性有个大问题

    今天就是用js给选中radio的赋值,使用的$().attr("checked",true);

    当切换的时候,把name相同的radio的attr("checked",false),再把要选中的radio.attr("checked",true);

    但是问题来了,每个radio只能被赋值一次,当第二次给他赋值的时候,赋不上值

    后来发现,checkbox在这种情况下会出现一样的问题

    于是仔细查了一下这个属性发现了问题

    w3cshool上关于这个属性的介绍

    可以看到,关键点在于被预先选定的input元素

    也就是说这个属性原来就是打算页面加载的时候为了让radio有一个默认的值而增加的一个属性,这样有了这个属性的input在页面加载的时候就是选定的

    所以当要切换input的时候,这个属性显然就不太合适了

    所以在使用js对radio进行赋值切换的时候,推荐大家使用

    1.$().prop("checked",true)

    使用prop方法并搭配checked属性实现js点击radio

    prop方法适用于set和get值为true/false的属性的方法如checked selected readyonly

    而且不需要对未点击的radio做处理 很方便

    2.$().click()

    这个方法就比较干脆,直接出发点击事件,不会出现问题

    这两个方法效果上一样

    from:http://blog.csdn.net/u014267351/article/details/50333425

  • 相关阅读:
    只用一个字节 计算象棋将帅之间可能的位置
    后缀数组学习
    java 构造不可变类集的使用方法
    topcoder SRM 639 div2
    navicat和pymysql
    表查询
    表的关系对应
    MySQl数据类型和条件限制
    复习之网络编程
    协程
  • 原文地址:https://www.cnblogs.com/liuqiyun/p/7097189.html
Copyright © 2011-2022 走看看