• jquery 操作input


    <input type="radio">如下: 


    <input type="radio" name="city" value="BeiJing">北京 
    <input type="radio" name="city" value="TianJin">天津 
    <input type="radio" name="city" value="NanJing">南京 
    <input type="radio" name="city" value="YangZhou">扬州 
    <input type="radio" name="city" value="SuZhou">苏州 


    1、获取选中的radio的值: 
    代码如下:

    $("input[name='city']:checked").val();



      使用元素选择器,再使用属性过滤器name='city',最后使用:checked选取被选中的元素。 

    2、给指定值的radio设置选中状态: 
    代码如下:

    $("input[name='city'][value='YangZhou']").attr("checked",true);



      给name="city"而且value="YangZhou"的radio设置选中状态。 

    3、取消name="city"的radio的选中状态: 
    代码如下:

    $('input[name="city"]:checked').attr("checked",false);



    4、获取name="city"的radio的个数: 
    代码如下:

    $("input[name='city']").length;



    5、获取name="city"而且索引是偶数的radio: 
    代码如下:

    $("input[name='city']:even");



      索引是从0开始的。 

    6、获取name="city"而且索引是奇数的radio: 
    代码如下:

    $("input[name='city']:odd");



      索引是从0开始的。 

    7、迭代radio: 
    代码如下:

    $("input[name='city']").each(function(i,obj){ 
    //i,迭代的下标,从0开始 
    //obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值 
    //$(this);当前jQuery对象,可以使用$(this).val()获取属性值 
    }); 

      迭代name="city"的radio。 

    8、禁用radio: 
    代码如下:

    $("input[name='city']").attr("disabled",true);



      禁用name="city"的radio。 

    9、启用radio: 
    代码如下:

    $("input[name='city']").attr("disabled",false);
  • 相关阅读:
    POJ_2104_K-th Number_主席树
    BZOJ_1014_[JSOI2008]火星人prefix_splay+hash
    BZOJ_1861_[Zjoi2006]Book 书架_splay
    BZOJ_2242_[SDOI2011]计算器_快速幂+扩展GCD+BSGS
    BZOJ_3239_Discrete Logging_BSGS
    BZOJ_1269&&1507_[AHOI2006]文本编辑器editor&&[NOI2003]Editor
    BZOJ_1552_[Cerc2007]robotic sort_splay
    BZOJ_1500_[NOI2005]维修数列_splay
    BZOJ_1251_序列终结者
    吴裕雄--天生自然ORACLE数据库学习笔记:优化SQL语句
  • 原文地址:https://www.cnblogs.com/shininguang/p/5035213.html
Copyright © 2020-2023  润新知