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);
  • 相关阅读:
    【codevs1227】方格取数2(最大流费最大流-模板
    【ZJOI2008】【BZOJ1033】杀蚂蚁(占坑待填
    python基础学习1-流程控制和判断
    python基础学习1-变量定义赋值,屏幕输入输出
    Jzoj5237 最长公共子序列
    Jzoj5236 利普希茨
    [置顶] 欢迎使用CSDN-markdown编辑器
    Jzoj5235 好的排列
    Jzoj5234 外星人的路径
    Jzoj5231 序列问题
  • 原文地址:https://www.cnblogs.com/shininguang/p/5035213.html
Copyright © 2011-2022 走看看