JQuery操作Select,CheckBox,Radio

Select 

1.获取选中的值 

1. $('#sel').val();  

 2.获取选中的文本

1. var item = $("select[@name=items] option[@selected]").text();   //jquery 1.1版本
2. $("select[id*='Select1'] option:selected").text();// jquery 1.3+

3.设置select下拉框

1. $('#select_id')[0].selectedIndex = 1;  //第二个元素为当前选中值   

1. $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项  

 4.添加选项

1. $("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")  

5.清空

1. $("#sel").empty();  

CheckBox

1.获取多选框checkbox 

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

2.设置checkbox  

1. $("#chk1").attr("checked",'');//不打勾  
2.   
3. $("#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();" id="btnOK"/>      
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被选中项的值 

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

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

2设置.radio单选组 

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

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