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 

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

2.设置checkbox  

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

$("#chk2").attr("checked",true);//打勾

3.判断是否已经打勾  

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

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

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

//jquery 1.2.6版本
function OK() {
    if($('input[@name=VoteOption][@checked]').length<1)
    {
        alert('请选择项');
    }
    else
    {
        var v='';
        $('input[@name=VoteOption][@checked]').each(function(){if(v!=''){v+=','} v+=$(this).val()});
        alert(v);
    }
}

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

Radio

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

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

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

 

2设置.radio单选组 

$('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();

区别是老版本有个@.