zoukankan      html  css  js  c++  java
  • 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);
  • 相关阅读:
    左偏树
    论在Windows下远程连接Ubuntu
    ZOJ 3711 Give Me Your Hand
    SGU 495. Kids and Prizes
    POJ 2151 Check the difficulty of problems
    CodeForces 148D. Bag of mice
    HDU 3631 Shortest Path
    HDU 1869 六度分离
    HDU 2544 最短路
    HDU 3584 Cube
  • 原文地址:https://www.cnblogs.com/shininguang/p/5035213.html
Copyright © 2011-2022 走看看