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

下拉框：

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

单选框：

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

复选框：

 1 //得到复选框的选中的第一项的值
 2 $("input[@type=checkbox][@checked]").val();
 3
 4 //由于复选框一般选中的是多个,所以可以循环输出
 5 $("input[@type=checkbox][@checked]").each(function(){
 6         alert($(this).val());
 7 });
 8
 9 //不打勾
10 $("#chk1").attr("checked",‘‘);
11
12 //打勾
13 $("#chk2").attr("checked",true);
14
15 //判断是否已经打勾
16 if($("#chk1").attr(‘checked‘)==undefined){}