jQuery对下拉框,单选框,多选框的操作

 　　这篇文章主要介绍了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

　　$("
1111

").appendTo("#select")

　　稍微解释一下:

　　select[@name='country'] option[@selected]

　　表示具有name 属性，并且该属性值为'country' 的select元素里面的具有selected 属性的option 元素。可以看出有@开头的就表示后面跟的是属性。

　　单选框：

　　//得到单选框的选中项的值(注意中间没有空格)

　　$("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){}