jQuery對下拉框,單選框,多選框的操作

更新時間：2014年02月21日 09:17:57 作者：

這篇文章主要介紹了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")

稍微解釋一下:

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

表示具有name 屬性，并且該屬性值為'country' 的select元素里面的具有selected 屬性的option 元素。可以看出有@開頭的就表示后面跟的是屬性。

單選框：

//得到單選框的選中項的值(注意中間沒有空格)
$("input[@type=radio][@checked]").val();
//設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked');

復(fù)選框：

//得到復(fù)選框的選中的第一項的值
$("input[@type=checkbox][@checked]").val();
//由于復(fù)選框一般選中的是多個,所以可以循環(huán)輸出
$("input[@type=checkbox][@checked]").each(function(){
alert($(this).val());
});
//不打勾
$("#chk1").attr("checked",'');
//打勾
$("#chk2").attr("checked",true);
//判斷是否已經(jīng)打勾
if($("#chk1").attr('checked')==undefined){}

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)鼠標(biāo)移入移出事件切換功能示例
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)移入移出事件切換功能,結(jié)合實例形式分析了jQuery不同版本處理鼠標(biāo)事件響應(yīng)與觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下
2018-09-09
jQuery學(xué)習(xí)筆記(3)--用jquery(插件)實現(xiàn)多選項卡功能
多選項卡功能的網(wǎng)站有很多,本人在那么多的類似插件中，目前碰到這個比較好，花了點(diǎn)時間調(diào)試出來了與大家分享，感興趣的朋友可以參考下哈希望對你有所幫助
2013-04-04
JavaScript的jQuery庫插件的簡要開發(fā)指南
這篇文章主要介紹了JavaScript的jQuery庫插件的簡要開發(fā)指南,分為基于選擇器的插件和不基于選擇器的插件兩種情況,需要的朋友可以參考下
2015-08-08
提高jQuery性能的十個訣竅
下面小編就為大家分享一篇提高jQuery性能的十個訣竅。很實用的。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
jquery常用技巧及常用方法列表集合
jquery常用技巧及常用方法列表集合，學(xué)習(xí)jquery的朋友可以收藏下。方便查找學(xué)習(xí)。
2011-04-04
jQuery文本框(input textare)事件綁定方法教程
jquery的事件綁定已經(jīng)用on替換了原來的bind，接下來為大家分享下bind的使用方法及input textare事件
2013-04-04
jquery.serialize() 函數(shù)語法及簡單實例
下面小編就為大家?guī)硪黄猨query.serialize() 函數(shù)語法及簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
jQuery實現(xiàn)定時隱藏對話框的方法分析
這篇文章主要介紹了jQuery實現(xiàn)定時隱藏對話框的方法,結(jié)合實例形式較為詳細(xì)的分析了jQuery定時隱藏對話框的相關(guān)函數(shù)、實現(xiàn)方法與操作注意事項,需要的朋友可以參考下
2018-02-02
Jquery中增加參數(shù)與Json轉(zhuǎn)換代碼
有時候，我們需要進(jìn)一步轉(zhuǎn)化為json表達(dá)式，參考Ext中的Ext.urlDecode函數(shù)，我們可以實現(xiàn)一個相應(yīng)的jquery中使用的函數(shù)。
2009-11-11
簡單介紹jsonp 使用小結(jié)
Jsonp(JSON with Padding) 是 json 的一種"使用模式"，可以讓網(wǎng)頁從別的域名（網(wǎng)站）那獲取資料，即跨域讀取數(shù)據(jù)，本文給大家簡單介紹jsonp 使用小結(jié) ，需要的朋友參考下
2016-01-01