jquery获取和设置radio,check,select选项

 

jQuery获取Select选择的Text和Value:

  请选择

 C#

  Javascript

 jQuery

  C++

 Java

  VB  选择一项试试看
语法解释：
1. $("#select_id").change(function(){//code...});    //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text
3. var checkValue=$("#select_id").val();   //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值  
jQuery设置Select选择的Text和Value:
 
 
 
语法解释：
1. $("#select_id ").get(0).selectedIndex=1;   //设置Select索引值为1的项选中
2. $("#select_id ").val(4);    //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);    //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项：
请选择
 点击一次，Select将追加一个Option
 点击将在Select第一个位置插入一个Option
 点击将删除Select中索引值最大Option(最后一个)
语法解释：
1. $("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option

 

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);//设置第二项为选中项