jQuery-对Radio/CheckBox的操作集合-千百度社区

jQuery获取Radio选择的Value值

图片[1]-jQuery-对Radio/CheckBox的操作集合-千百度社区
图片[2]-jQuery-对Radio/CheckBox的操作集合-千百度社区
代码

    
     
      
     $(
     "
     input[name='radio_name'][checked]
     "
     ).val(); 
     //
     选择被选中Radio的Value值
     

      
     $(
     "
     #text_id
     "
     ).focus(
     function
     (){
     //
     code...}); //事件 当对象text_id获取焦点时触发
     

      
     $(
     "
     #text_id
     "
     ).blur(
     function
     (){
     //
     code...}); //事件 当对象text_id失去焦点时触发
     

      
     $(
     "
     #text_id
     "
     ).select(); 
     //
     使文本框的Vlaue值成选中状态
     

     $(
     "
     input[name='radio_name'][value='要选中Radio的Value值'
     "
     ).
 attr(
     "
     checked
     "
     ,
     true
     ); 
     //
     根据Value值设置Radio为选中状态

jQuery获取CheckBox选择的Value值

   
    $(
    "
    input[name='checkbox_name'][checked]
    "
    ); 
    //
    选择被选中CheckBox元素的集合 如果你想得到
 Value值你需要遍历这个集合
    

    $($(
    "
    input[name='checkbox_name'][checked]
    "
    )).
each(
    function
    (){arrChk
    +=
    this
    .value 
    +
     
    '
    ,
    '
    ;});
    //
    遍历被选中CheckBox元素的集合 得到Value值
    

    $(
    "
    #checkbox_id
    "
    ).attr(
    "
    checked
    "
    ); 
    //
    获取一个CheckBox的状态(有没有被选中,返回true/false)
    

    $(
    "
    #checkbox_id
    "
    ).attr(
    "
    checked
    "
    ,
    true
    ); 
    //
    设置一个CheckBox的状态为选中(checked=true)
    

    $(
    "
    #checkbox_id
    "
    ).attr(
    "
    checked
    "
    ,
    false
    ); 
    //
    设置一个CheckBox的状态为不选中(checked=false)
    

    $(
    "
    input[name='checkbox_name']
    "
    ).attr
(
    "
    checked
    "
    ,$(
    "
    #checkbox_id
    "
    ).attr(
    "
    checked
    "
    ));
    //
    根据3,4,5条，你可以分析分析这句代码的意思
     
    

    $(
    "
    #text_id
    "
    ).val().split(
    "
    ,
    "
    ); 
    //
    将Text的Value值以','分隔 返回一个数组

上面的这些操作，其实就是jQuery选择器的使用，希望大家对jQuery选择器方面的知识要掌握扎实。

千百度

1.本站内容仅供参考，不作为任何法律依据。用户在使用本站内容时，应自行判断其真实性、准确性和完整性，并承担相应风险。

2.本站部分内容来源于互联网，仅用于交流学习研究知识，若侵犯了您的合法权益，请及时邮件或站内私信与本站联系，我们将尽快予以处理。

3.本文采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权

4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。