zoukankan      html  css  js  c++  java
  • jquery获取和设置radio,check,select选项(转)

    select控件选项

    1,获取select选中的value值

          $("#selectID").val();

    2,获取select选中的text的值

     $("#selectID").find("option:selected").text()

    3,设置select的第几项为当前选中项

    $("#selectID").attr("value",2);//设置第二项为当前选中项

    4,添加option

    $("selectID").append("<option value='5'>select5</option>");

    5,删除一项option

    $("#SelectID option[value='3']").remove();  //删除Select中Value='3'的Option

    6.,获取Select选择的索引值 

    var checkIndex=$("#selectID ").get(0).selectedIndex;  //获取Select选择的索引值 

    7,删除所有项

    $("#SelectID").remove();

     

    checkbox控件的使用

    1,获取checkbox的value

    $("#checkboxID").value或$("input[type='checkbox']").eq(n).attr("checked").value

    2,设置选中项

    $("input[type='checkbox']").eq(1).attr("checked")//设置第一个checkbox为选中的项

    3,删除所有checkbox

      $("input[type='checkbox']").remove()

    4,checkbox方法

      $(document).ready(function() {
            var check = $("input[type='checkbox']");
            check.each(function(n) {
            check.eq(n).bind("click", function() {
             
                    if (check.eq(n).attr("checked") != false) {
                        var value = check.eq(n).val();
                        alert(value);
                    }
                    else {
                        alert(check.eq(n).attr("checked"));
                    }
                })
            });
        });

    radio控件

    1,获取选中的value值

    $("input[type='radio']:checked").val();

    2,设置指定的项为当前选中项

      $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项

  • 相关阅读:
    MARKY一下。
    从一个git仓库拷贝到另一个git仓库
    Git:四、连接GitHub远程仓库
    木门工厂木门、门套、套线公式和算法
    设计模式之代理模式
    2018年软件开发状态报告
    产品研发流程与周期(非原创)
    软件工程师的核心竞争力
    linux下安装redis安装使用
    8 个 Tips 让你更好的进行 Code Review
  • 原文地址:https://www.cnblogs.com/zhwl/p/1978109.html
Copyright © 2011-2022 走看看