jQuery为radio赋值

问题:表单clear后,radio赋值无效。去除clear后却可:我用的以下方法尝试,都失败,用末尾方法实现了。

以下方法

//取radio的值
    $("input[name='radioName'][checked]").val(); 
    //给radio 赋值, 选中值为2的radio:
    $("input[name='radioName'][value=2]").attr("checked",true); 

官方的方法是这样写:

 //获取选中值,三种方法都可以:
    $('input:radio:checked').val();
    $("input[type='radio']:checked").val();
    $("input[name='rd']:checked").val();
    //设置第一个Radio为选中值:
        $('input:radio:first').attr('checked', 'checked');
    //或者
    $('input:radio:first').attr('checked', 'true');
    //注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
    //设置最后一个Radio为选中值:
    $('input:radio:last').attr('checked', 'checked');
    //或者
    $('input:radio:last').attr('checked', 'true');
    //根据索引值设置任意一个radio为选中值:
    $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....
    //或者
    $('input:radio').slice(1,2).attr('checked', 'true');
    //根据Value值设置Radio为选中值
    $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
    //或者
    $("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');
    //删除Value值为rd2的Radio
    $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();
    //删除第几个Radio
    $("input:radio").eq(索引值).remove();索引值=0,1,2....
    如删除第3个Radio:$("input:radio").eq(2).remove();
    //遍历Radio
    $('input:radio').each(function(index,domEle){
         //写入代码
    });

   此方法有效:   

$("input[name='GENDER'][value=" + object.GENDER + "]").prop("checked", "checked");//object..是请求得到的数据
$("input[name='MARRIAGE'][value=" + object.MARRIAGE + "]").prop("checked", "checked");
$("input[name='JOBTYPE'][value=" + object.JOBTYPE + "]").prop("checked", "checked");


总结:

    对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
    对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法

举一个例子:

<input id="chk1" type="checkbox" />是否可见
<input id="chk2" type="checkbox" checked="checked" />是否可见

像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。

$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true

如果上面使用attr方法,则会出现:

$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"


————————————————
原文链接:https://blog.csdn.net/u013475983/java/article/details/72688555

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值