您的位置:首页 > Web前端 > JQuery

JQuery中对option,radio,checkbox的添加、删除、取值

2012-12-01 15:40 323 查看
/article/7103509.html

jQuery获取Select选择的Text和Value:

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的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
内容清空:
$("#charCity").empty();

radio 按钮组, name=”sex”.
<input type="radio" name="sex" value="Male">Male</input>

<input type="radio" name="sex" value="Female">Female</input>

<input type="radio" name="sex" value="Unknown">Unknown</input>

1. 获取radio选中的value.

$('input:radio[name=sex]:checked').val();

2. 选择 radio 按钮 (Male).

$('input:radio[name=sex]:nth(0)').attr('checked',true);

或者

$('input:radio[name=sex]')[0].checked = true;

3. 选择 radio 按钮 (Female).

$('input:radio[name=sex]:nth(1)').attr('checked',true);

或者

$('input:radio[name=sex]')[1].checked = true;

4. 选择 radio 按钮 (Unknown).

$('input:radio[name=sex]:nth(2)').attr('checked',true);

或者

$('input:radio[name=sex]')[2].checked = true;

5. 重置 radio 按钮.

$('input:radio[name=sex]').attr('checked',false);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: