jQuery對(duì)下拉框,單選框,多選框的操作
下拉框:
//得到下拉菜單的選中項(xiàng)的文本(注意中間有空格)
var cc1 = $(".formc select[@name='country'] option[@selected]").text();
//得到下拉菜單的選中項(xiàng)的值
var cc2 = $('.formc select[@name="country"]').val();
//得到下拉菜單的選中項(xiàng)的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 元素。可以看出有@開(kāi)頭的就表示后面跟的是屬性。
單選框:
//得到單選框的選中項(xiàng)的值(注意中間沒(méi)有空格)
$("input[@type=radio][@checked]").val();
//設(shè)置單選框value=2的為選中狀態(tài).(注意中間沒(méi)有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked');
復(fù)選框:
//得到復(fù)選框的選中的第一項(xiàng)的值
$("input[@type=checkbox][@checked]").val();
//由于復(fù)選框一般選中的是多個(gè),所以可以循環(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實(shí)現(xiàn)的多選框多級(jí)聯(lián)動(dòng)插件
- jquery select多選框的左右移動(dòng) 具體實(shí)現(xiàn)代碼
- jquery對(duì)單選框,多選框,文本框等常見(jiàn)操作小結(jié)
- 簡(jiǎn)單實(shí)現(xiàn)jQuery多選框功能
- jQuery多選框選擇數(shù)量限制方法
- jquery中表單 多選框的一種巧妙寫(xiě)法
- jQuery模擬html下拉多選框的原生實(shí)現(xiàn)方法示例
- Jquery多選框互相內(nèi)容交換的實(shí)例代碼
- jQuery中實(shí)現(xiàn)prop()函數(shù)控制多選框(全選,反選)
- jQuery實(shí)現(xiàn)獲取多選框的值示例
相關(guān)文章
jquery 彈出層注冊(cè)頁(yè)面等(asp.net后臺(tái))
jquery 彈出層注冊(cè)頁(yè)面,盡力提高用戶體驗(yàn),吸引用戶注冊(cè)。2010-06-06jquery選擇checked在ie8普通模式下的問(wèn)題
這篇文章主要介紹了jquery選擇checked在ie8普通模式下的問(wèn)題,需要的朋友可以參考下2014-02-02獲得所有表單值的JQuery實(shí)現(xiàn)代碼[IE暫不支持]
通過(guò)jquery獲取所有表單值,一般都是后臺(tái)語(yǔ)言處理的,這里通過(guò)jquery獲取,確實(shí)不錯(cuò)的想法2012-05-05jQuery插件echarts實(shí)現(xiàn)的多折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的多折線圖效果,結(jié)合完整實(shí)例形式分析了echarts插件繪制多折線圖效果的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery插件FusionCharts繪制2D環(huán)餅圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts繪制2D環(huán)餅圖效果,結(jié)合實(shí)例形式分析了jQuery使用插件FusionCharts載入xml數(shù)據(jù)繪制2D環(huán)餅圖的相關(guān)步驟與操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-04-04jQuery級(jí)聯(lián)操作綁定事件實(shí)例
這篇文章主要介紹了jQuery級(jí)聯(lián)操作綁定事件,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-09-09jQuery中獲取checkbox選中項(xiàng)等操作及注意事項(xiàng)
今天在做一個(gè)項(xiàng)目功能時(shí)需要顯示checkbox選項(xiàng)來(lái)讓用戶進(jìn)行選擇,由于前端不是很熟練,所以做了一個(gè)簡(jiǎn)單的Demo,其中遇到一些小問(wèn)題,特記錄下來(lái),希望能幫到遇到類似問(wèn)題的同學(xué)們2013-11-11