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){}
原文地址:https://www.cnblogs.com/CHEUNGKAMING/p/4081068.html