jQuery中多個(gè)單選按鈕,怎么設(shè)置選擇其中任意兩個(gè)以后其他的不能再選

首先，給題主提點(diǎn)建議，既然是單選按鈕，自然是不能選兩個(gè)的。

創(chuàng)新互聯(lián)公司專(zhuān)注于龍勝企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站建設(shè)。龍勝網(wǎng)站建設(shè)公司,為龍勝等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站制作，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

題主的意思應(yīng)該是如何保證這些buttons只能選兩個(gè)，這樣就不用radio。

使用checkbox的時(shí)候，可以使用函數(shù)去控制這些checkbox選中的長(zhǎng)度， 不能超過(guò)2.

使用自定義的button，同樣去自定義函數(shù)去控制。

可以選擇改寫(xiě)checkbox，畢竟自帶反選，如果選擇自定義一個(gè)button組話，要注意把反選加上 ，不然會(huì)導(dǎo)致無(wú)法選擇任意兩個(gè)。

如何用jQuery實(shí)現(xiàn)checkbox全選

全選：

$(":checkbox").attr("checked","checked");

全不選：

$(":checkbox").removeAttr("checked");

反選：

$(":checkbox:checked").removeAttr("checked");

$(":checkbox:not(:checked)").attr("checked","checked");

全手寫(xiě)，沒(méi)有經(jīng)過(guò)測(cè)試。

完整代碼如下，測(cè)試通過(guò)：

html

head

title如何用jQuery實(shí)現(xiàn)checkbox全選/title

script?src="jquery-1.7.1.min.js"/script

script?type="text/javascript"

//全選，全不選

function?allSelect()?{

if?($(":checkbox").attr("checked")?!=?"checked")?{

$(":checkbox").attr("checked",?"checked");

}

else?{

$(":checkbox").removeAttr("checked");

}

}

//反選

function?otherSelect()?{

$(":checkbox").each(function?()?{

if?($(this).attr("checked")?==?"checked")?{

$(this).removeAttr("checked");

}

else?{

$(this).attr("checked",?"checked");

}

});

}

/script

/head

body

input?id="Checkbox1"?type="checkbox"?/

input?id="Checkbox2"?type="checkbox"?/

input?id="Checkbox3"?type="checkbox"?/

input?id="Checkbox4"?type="checkbox"?/

input?id="Checkbox5"?type="checkbox"?/

input?id="Button1"?type="button"?value="全選"?onclick="allSelect();"?/

input?id="Button3"?type="button"?value="反選"?onclick="otherSelect();"?/

/body

/html

jquery選擇器反向選擇的問(wèn)題

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title關(guān)于選擇問(wèn)題/title

script src="js/jquery.js"/script

script

$(document).ready(function(){

$("div").click(function(){

var a= $(this);//得到點(diǎn)擊項(xiàng)

alert(a.siblings().text());//a.siblings()得到a的同輩元素，不包含a

})

})

/script

/head

body

div1,Hello/divdivspan2,Hello Again/span/divdiv3,And Again/div

/body

/html

jquery checkbox 全選反選代碼只能執(zhí)行一遍，第二次就失敗

removeAttr參數(shù)只需要一個(gè)，removeAttr("checked")

不過(guò)建議替換成

$(".chooseall").click(function(){

if($(".chooseall").prop("checked")?==?true){

$("input[name='checkbox1']").prop("checked",?false);

console.log(1);

}else{

$("input[name='checkbox1']").prop("checked",?false);

console.log(2);

}

});

或者更簡(jiǎn)潔的，

$(".chooseall").click(function(){

var?isChecked?=?$(this).prop("checked");

$("input[name='checkbox1']").prop("checked",?isChecked);

});

名稱(chēng)欄目：jquery反選,jquery反選的實(shí)現(xiàn)
文章轉(zhuǎn)載：http://chinadenli.net/article47/dsehhej.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開(kāi)發(fā)、網(wǎng)站設(shè)計(jì)公司、微信小程序、云服務(wù)器、企業(yè)建站、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(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)