jQuery对下拉框、单选框、多选框的处理

下拉框：

    //得到下拉菜单的选中项的文本(注意中间有空格) 
    var cc1 = $(".formc select[@name='country'] option[@selected]").text(); 
      
    //得到下拉菜单的选中项的值 
    var cc2 = $('.formc select[@name="country"]').val(); 
      
    //得到下拉菜单的选中项的ID属性值 
    var cc3 = $('.formc select[@name="country"]').attr("id"); 
      
    //清空下拉框// 
    $("#select").empty();$("#select").html(''); 
      
    //添加下拉框的option 
    $("<option value='1'>1111</option>").appendTo("#select") 



单选框：

    //得到单选框的选中项的值(注意中间没有空格) 
    $("input[@type=radio][@checked]").val(); 
      
    //设置单选框value=2的为选中状态.(注意中间没有空格) 
    $("input[@type=radio][@value=2]").attr("checked",'checked'); 





复选框：

    //得到复选框的选中的第一项的值 
    $("input[@type=checkbox][@checked]").val(); 
      
    //由于复选框一般选中的是多个,所以可以循环输出 
    $("input[@type=checkbox][@checked]").each(function(){ 
    alert($(this).val()); 
    }); 
      
    //不打勾 
    $("#chk1").attr("checked",''); 
      
    //打勾 
    $("#chk2").attr("checked",true); 
      
    //判断是否已经打勾 
    if($("#chk1").attr('checked')==undefined){}

以下为例子：
$(function(){

$("#btn1").click(function(){

$("input[name='r'][checked]").val();//获取选中的单选框的值

$("input[name='r'][value='22']").attr("checked",true);//选中值为22的单选框



//获取选中的复选框的值

$("input[name='c'][checked]").val();

//遍历复选框，得到选中的值

$v="";

$($("input[name='c'][checked]")).each(function(){

$v += this.value+",";

});

//判断复选框是否选中(返回true,false)

$("#c2").attr("checked");

//设置其为选中状态

$("#c2").attr("checked",true);



$.isArray($v.split(","));//判断是否是数组

$v.split(",")[1];

});

});



<input id="btn1" name="" type="button" value="点击" />

<input id="r1" name="r" type="radio" value="11" /><input id="r2" name="r" type="radio" value="22" />



<input id="c1" name="c" type="checkbox" value="001" /><input id="c2" name="c" type="checkbox" value="002" />