首页 > 经验记录 > 关于 JQuery 对单选、复选、select的选中时,使用 attr 只会在第一次生效的问题。

关于 JQuery 对单选、复选、select的选中时,使用 attr 只会在第一次生效的问题。

 
今天在公司做了个功能,需要点击某【快速设置】的不同选择,然后根据选中不同其底下功能的: 单选、复选、下拉列表按钮也会动态的进行变更,以便用户操作。
在使用 JQuery 时,自然就用了我平时最常使用的 attr() 方法,本来也没什么问题,点击事件无误,页面该显示的数据都显示了。
但是当我点击别的选项时,或者修改了一些输入框、单选框之类的东西时。再次点击快速设置的按钮则不能初始化,这让我感到很惊奇。
 
一番查询。
原因是 JQuery 在 1.6 版本之后修改了部分代码,在这些情况下应该使用 prop,1.6 之前的应该是没问题的
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
 
 
附上几个常见的 JQuery 对页面选项进行修改的操作

    //选中某复选框(单选框也行)
    $('#xxx').prop('checked',true);
    //选中某select下指定的option
    $("#xxxSelect").find("option:contains('xxxOption')").prop("selected",true);
    //指定value,使该单选框被选中
    $("input[name='xxxRadio'][value='xxxValue']").prop("checked",true);

 

           


EA PLAYER &

历史记录 [ 注意:部分数据仅限于当前浏览器 ]清空

      00:00/00:00