jquery怎樣獲取左右選擇框的值

jquery的遍歷方法可以獲取復(fù)選框所欲的選中值

公司主營(yíng)業(yè)務(wù)：做網(wǎng)站、網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出鹽亭免費(fèi)做網(wǎng)站回饋大家。

$("input:checkbox:checked").each(function(index,element)); // 為所有選中的復(fù)選框執(zhí)行函數(shù)，函數(shù)體中可以取出每個(gè)復(fù)選框的值

$("input:checkbox:checked").map(function(index,domElement)); // 將所有選中的復(fù)選框通過(guò)函數(shù)返回值生成新的jQuery 對(duì)象

實(shí)例演示：點(diǎn)擊按鈕獲取checkbox的選中值

創(chuàng)建Html元素

div class="box"

span點(diǎn)擊按鈕獲取checkbox的選中值：/spanbr

div class="content"

input type='checkbox' name='message' value='1'/發(fā)送短信

input type='checkbox' name='message' value='2'/發(fā)送郵件

/div

input type="button" value="提交"

/div

設(shè)置css樣式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

編寫jquery代碼

$(function(){

$("input:button").click(function() {

text = $("input:checkbox[name='message']:checked").map(function(index,elem) {

return $(elem).val();

}).get().join(',');

alert("選中的checkbox的值為："+text);

});

});

關(guān)于運(yùn)用jQuery實(shí)現(xiàn)點(diǎn)擊圖標(biāo)展示下拉選擇框

style?type="text/css"?media="screen"

*{margin:0;padding:0;}

body{font-size:?16px;color:?#000;padding:?50px;}

.dowebok?dl{position:?relative;width:?180px;}

.dowebok?dl?dt{border:#ddd?solid?1px;height:?28px;line-height:?28px;font-size:?14px;padding-left:?5px;overflow:?hidden;}

.dowebok?dl?dt?b{display:?block;position:?absolute;top:?5px;right:15px;width:?10px;height:?10px;border:#333?solid?1px;border-width:?0?0?1px?1px;transform:rotate(-45deg);}

.dowebok?dl?dd{position:?absolute;width:?100%;left:?0px;top:?30px;border:#ddd?solid?1px;border-top:0px;box-sizing:?border-box;display:?none;}

.dowebok?dl?dd?span{display:?block;height:?30px;line-height:?30px;text-align:?center;font-size:?14px;color:?#666;background:?#fff;}

.dowebok?dl?dd?span:hover{background-color:?#139ff1;}

/style

div?class="dowebok"

dl

dtspan請(qǐng)選擇/spanb/b/dt

dd

span天津/span

span杭州/span

span北京/span

/dd

/dl

/div

script

$(function(){

$('.dowebok?dl?dt').click(function(){

$(this).siblings('dd').toggle();??//下拉隱藏顯示

})

$('.dowebok?dl?dd?span').click(function(){

var?html?=?$(this).html();

$('.dowebok?dl?dt').find('span').html(html);

$('.dowebok?dl?dd').hide();

})

//判斷點(diǎn)擊其他地方時(shí)候下拉列表隱藏

$("body,html").on("mousedown",function(e){

var?target=$(e.target);//該點(diǎn)擊目標(biāo)對(duì)象

if(!(target.closest(".dowebok?dl?dd").length)??!(target.closest('.dowebok?dl?dt').length)??!(target.closest(self).length)??$(".dowebok?dl?dd").is(":visible")){

$(".dowebok?dl?dd").css({"display":"none"});

}

})

});

/script

jquery控制多選框選中

//首先，你的想法和思路是對(duì)的，但你忽略了一個(gè)問(wèn)題，jquery的選擇器中表達(dá)式是操作dom的，

//用變量連接表達(dá)式，看似沒(méi)毛病，但實(shí)際在jquery中的實(shí)現(xiàn)是不能正常執(zhí)行的。它當(dāng)成了一個(gè)

//完整的表達(dá)式執(zhí)行，所以不能正確選擇到元素。因此代碼修改成以下：

var?selector?=?":checkbox[name='gant'][mtype='"?+?qx?+?"']";

$(selector).attr("checked",?true);

//到此，成功執(zhí)行！

希望能幫到你！

本文名稱：jquery選擇框,jquery單選框
本文網(wǎng)址：http://chinadenli.net/article34/phjose.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、域名注冊(cè)、企業(yè)建站、定制開(kāi)發(fā)、動(dòng)態(tài)網(wǎng)站、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)