JQuery操作Select,CheckBox,Radio

Select

获取Select ：

获取select 选中的 text :

$("#ddlRegType").find("option:selected").text();

获取select选中的 value:

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

获取select选中的索引:

$("#ddlRegType ").get(0).selectedIndex;

设置select:

设置select 选中的索引：

$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value：

$("#ddlRegType ").attr("value","Normal“);

$("#ddlRegType ").val("Normal");

$("#ddlRegType ").get(0).value = value;

设置select 选中的text:

var count=$("#ddlRegType option").length;

for(var i=0;i<count;i++)

{ if($("#ddlRegType ").get(0).options[i].text == text)

{

$("#ddlRegType ").get(0).options[i].selected = true;

break;

}

}

$("#select_id option[text='jQuery']").attr("selected", true);

设置select option项:

$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option

$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

$("#select_id option:last").remove(); //删除索引值最大的Option

$("#select_id option[index='0']").remove();//删除索引值为0的Option

$("#select_id option[value='3']").remove(); //删除值为3的Option

$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

CheckBox

1.获取多选框checkbox

1. $("#checkbox_id").attr("value")

2.设置checkbox

1. $("#chk1").attr("checked",'');//不打勾
2. $("#chk2").attr("checked",true);//打勾

3.判断是否已经打勾

1. if($("#chk1").attr('checked')==undefined)

4.得到所有选中的checkbox的值

1. <div>
2. <input type="checkbox" value="1" name="VoteOption"/>新闻<br/>
3. <input type="checkbox" value="2" name="VoteOption"/>图库<br/>
4. <input type="checkbox" value="3" name="VoteOption"/>资源<br/>
5. <input type="checkbox" value="4" name="VoteOption"/>论坛<br/>
6. <div>
7. <input type="button" value="确定" onclick="OK();" />
8. </div>
9. </div>

1. //jquery 1.2.6版本
2. function OK() {
3. if($('input[@name=VoteOption][@checked]').length<1)
4. {
5. alert('请选择项');
6. }
7. else
8. {
9. var v='';
10. $('input[@name=VoteOption][@checked]').each(function(){if(v!=''){v+=','} v+=$(this).val()});
11. alert(v);
12. }
13. }

1. //jquery 1.3.2版本
2. function tovote() {
3. if ($('input[name=VoteOption]:checked').length < 1) {
4. alert('请选择项');
5. }
6. else {
7. var v = '';
8. $('input[name=VoteOption]:checked').each(function() { if (v != '') { v += ',' } v += $(this).val() });
9. alert(v);
10. }
11. }

Radio

1.获取一组radio被选中项的值

　　var item = $('input[@name=items][@checked]').val();

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

2设置.radio单选组

1. $('input[@name=items]').get(1).checked = true; //第二个元素为当前选中值

　2. $("input[@type=radio][@value=2]").attr("checked",true);//设置value=2的项目为当前选中项

Jquery 1.3以后的版本

var_name = $(“input[name='radio_name']:checked”).val();

区别是老版本有个@.