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){}