Jquery實(shí)現(xiàn)復(fù)選框全選與全不選

1、首先web項(xiàng)目結(jié)構(gòu)如圖所示，這個(gè)結(jié)構(gòu)熟悉的話可以自己調(diào)整的。

創(chuàng)新互聯(lián)為您提適合企業(yè)的網(wǎng)站設(shè)計(jì)?讓您的網(wǎng)站在搜索引擎具有高度排名，讓您的網(wǎng)站具備超強(qiáng)的網(wǎng)絡(luò)競爭力！結(jié)合企業(yè)自身，進(jìn)行網(wǎng)站設(shè)計(jì)及把握，最后結(jié)合企業(yè)文化和具體宗旨等，才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)， 我們的網(wǎng)頁設(shè)計(jì)師為您提供的解決方案。

2、然后設(shè)置一些較為簡單的選項(xiàng)框，這里隨便用abcd來代替選項(xiàng)框了。

3、這里是jq來實(shí)現(xiàn)全選，所以引入jQuery，并且給按鈕綁定一個(gè)jQuery類型的點(diǎn)擊事件即可。

4、然后通過prop來設(shè)置input的屬性即可設(shè)置全選了，prop是jq自帶的一個(gè)方法。

5、因?yàn)镃heckBox可以設(shè)置checked屬性，所以我們把它設(shè)置為true即可。

6、最后預(yù)覽，可以看到CheckBox都被checked中了，這樣就達(dá)到全選了。

jquery怎樣獲取多個(gè)復(fù)選框的值？

可以參考下面的代碼：

$(document).ready(function(){

varchecked=[];

$("#submitButton").click(function(){

$('input:checkbox:checked').each(function(){

checked.push($(this).val());

});

alert(checked);

});

});

擴(kuò)展資料：

jquery參考函數(shù)

$(”元素名稱”).html(”bnew?stuff/b”);?給某元素設(shè)置內(nèi)容?

$(”元素名稱”).removeAttr(”屬性名稱”)?給某元素刪除指定的屬性以及該屬性的值?

$(”元素名稱”).removeClass(”class”)?給某元素刪除指定的樣式?

$(”元素名稱”).text();?獲得該元素的文本?

$(”元素名稱”).text(value);?設(shè)置該元素的文本值為value

參考資料來源：百度百科-jQuery

jquery怎么得到復(fù)選框值

復(fù)制的：

HTML 代碼:

form

input type="checkbox" name="newsletter" checked="checked" value="Daily" /

input type="checkbox" name="newsletter" value="Weekly" /

input type="checkbox" name="newsletter" checked="checked" value="Monthly" /

/form

jQuery 代碼:

$("input:checked")

結(jié)果:

[ input type="checkbox" name="newsletter" checked="checked" value="Daily" /, input type="checkbox" name="newsletter" checked="checked" value="Monthly" / ]

var check = $("input:checked"); //得到所有被選中的checkbox

var actor_config; //定義變量

check.each(function(i){ //循環(huán)拼裝被選中項(xiàng)的值

actor_config = actor+','+$(this).val();

});

alert(actor_config.substr(9)+',');

通過以下js代碼去獲取選中項(xiàng)的值，在IE7中可以正確取得選中項(xiàng)的值，但在IE8中卻得不到選中項(xiàng)的值，同樣在Firefox 3.5.3下也得不到值，但公司同事在Firefox其他較低版本下能正確得到值，IE6下也沒有問題，⊙﹏⊙b汗

$('#permissionList-body input[name="checkboxes"][checked]').each(function(i){

alert($(this).val());

});

但是把技術(shù)代碼修改為:

$('#permissionList-body input[name="checkboxes"]').each(function(i){

if(this.checked)alert($(this).val());

});===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')這兩種寫法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')

這種支持firefox

沒有找到好的解決方法，只有加if(this.checked)判斷了 jquery radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，及其相關(guān) 獲取一組radio被選中項(xiàng)的值var item = $('input[@name=items][@checked]').val();獲取select被選中項(xiàng)的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二個(gè)元素為當(dāng)前選中值$('#select_id')[0].selectedIndex = 1;radio單選組的第二個(gè)元素為當(dāng)前選中值$('input[@name=items]').get(1).checked = true;獲取值：文本框，文本區(qū)域：$("#txt").attr("value")；多選框checkbox：$("#checkbox_id").attr("value")；單選組radio： $("input[@type=radio][@checked]").val();下拉框select： $('#sel').val();控制表單元素：文本框，文本區(qū)域：$("#txt").attr("value",'');//清空內(nèi)容 $("#txt").attr("value",'11');//填充內(nèi)容多選框checkbox： $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判斷是否已經(jīng)打勾單選組radio： $("input[@type=radio]").attr("checked",'2');//設(shè)置value=2的項(xiàng)目為當(dāng)前選中項(xiàng)下拉框select： $("#sel").attr("value",'-sel3');//設(shè)置value=-sel3的項(xiàng)目為當(dāng)前選中項(xiàng) $("option value='1'1111/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框// 清空所有復(fù)選框選項(xiàng) $(":checkbox").attr("checked","");

jquery 怎么給復(fù)選框選中

有兩種方法，

①：點(diǎn)擊事件；如：

input?type="checkbox"?class="ck"?/

$(".ck").click();

這樣就能設(shè)置復(fù)選框選中；

②：設(shè)置其checked屬性；如：

input?type="checkbox"?class="ck"?/

$(".ck").prop("checked",true);

這樣就設(shè)置復(fù)選框選中

當(dāng)前標(biāo)題：jquery復(fù)選框,jquery復(fù)選框默認(rèn)勾選
網(wǎng)頁路徑：http://chinadenli.net/article26/dsdedjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站、App設(shè)計(jì)、域名注冊(cè)、虛擬主機(jī)、面包屑導(dǎo)航

廣告

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