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){}
- jQuery 獲取多選框的值及多選框中文的函數(shù)
- jQuery實現(xiàn)的多選框多級聯(lián)動插件
- jquery select多選框的左右移動 具體實現(xiàn)代碼
- jquery對單選框,多選框,文本框等常見操作小結(jié)
- 簡單實現(xiàn)jQuery多選框功能
- jQuery多選框選擇數(shù)量限制方法
- jquery中表單 多選框的一種巧妙寫法
- jQuery模擬html下拉多選框的原生實現(xiàn)方法示例
- Jquery多選框互相內(nèi)容交換的實例代碼
- jQuery中實現(xiàn)prop()函數(shù)控制多選框(全選,反選)
- jQuery實現(xiàn)獲取多選框的值示例
相關(guān)文章
這篇文章主要介紹了jQuery實現(xiàn)鼠標移入移出事件切換功能,結(jié)合實例形式分析了jQuery不同版本處理鼠標事件響應(yīng)與觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下2018-09-09
jQuery學(xué)習(xí)筆記(3)--用jquery(插件)實現(xiàn)多選項卡功能
多選項卡功能的網(wǎng)站有很多,本人在那么多的類似插件中，目前碰到這個比較好，花了點時間調(diào)試出來了與大家分享，感興趣的朋友可以參考下哈希望對你有所幫助2013-04-04
JavaScript的jQuery庫插件的簡要開發(fā)指南
這篇文章主要介紹了JavaScript的jQuery庫插件的簡要開發(fā)指南,分為基于選擇器的插件和不基于選擇器的插件兩種情況,需要的朋友可以參考下2015-08-08
下面小編就為大家分享一篇提高jQuery性能的十個訣竅。很實用的。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
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)定時隱藏對話框的方法,結(jié)合實例形式較為詳細的分析了jQuery定時隱藏對話框的相關(guān)函數(shù)、實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2018-02-02
Jquery中增加參數(shù)與Json轉(zhuǎn)換代碼
有時候，我們需要進一步轉(zhuǎn)化為json表達式，參考Ext中的Ext.urlDecode函數(shù)，我們可以實現(xiàn)一個相應(yīng)的jquery中使用的函數(shù)。2009-11-11
Jsonp(JSON with Padding) 是 json 的一種"使用模式"，可以讓網(wǎng)頁從別的域名（網(wǎng)站）那獲取資料，即跨域讀取數(shù)據(jù)，本文給大家簡單介紹jsonp 使用小結(jié) ，需要的朋友參考下2016-01-01