站長(zhǎng)資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        jquery怎么讓checkbox只讀

        兩種只讀的方法:1、使用attr()給復(fù)選框添加disabled屬性,語(yǔ)法“$("input[type='checkbox']").attr("disabled",true);”;2、使用click()設(shè)置復(fù)選框點(diǎn)擊時(shí)不進(jìn)行checkbox狀態(tài)改變,語(yǔ)法“$("input[type='checkbox']").click(function(){return false;})”。

        jquery怎么讓checkbox只讀

        本教程操作環(huán)境:windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。

        提到只讀,很容易想到使用readonly屬性,但是對(duì)于復(fù)選框(checkbox)來(lái)說(shuō),這個(gè)屬性和期望得到的效果是有差別的。原因在于readonly屬性關(guān)聯(lián)的是頁(yè)面元素的value屬性(例如textbox,設(shè)置了readonly就不能修改輸入框的文本內(nèi)容),而復(fù)選框的勾選/取消并不改變其value屬性,改變的只是一個(gè)checked狀態(tài)。所以對(duì)于checkbox來(lái)說(shuō),設(shè)置了readonly,仍然是可以勾選/取消的。

        <input type="checkbox" readonly>option a<br> <input type="checkbox" readonly>option b<br> <input type="checkbox" readonly>option c<br>

        jquery怎么讓checkbox只讀

        但和readonly類似的,還有一個(gè)disabled屬性,這個(gè)屬性的作用是設(shè)置頁(yè)面元素為不可用,即不可進(jìn)行任何交互操作(包括不可修改value屬性、不可修改checked狀態(tài)等)。

        <input type="checkbox" disabled>option a<br> <input type="checkbox" disabled>option b<br> <input type="checkbox" disabled>option c<br>

        jquery怎么讓checkbox只讀

        方法1:

        而在jquery中,可以使用attr()給復(fù)選框(checkbox)添加disabled屬性

        <!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8"> 		<script src="js/jquery-3.6.0.min.js"></script> 		<script type="text/javascript"> 			$(document).ready(function() { 				$("button").click(function() { 					$("input[type='checkbox']").attr("disabled", true); 				}); 			}); 		</script> 	</head>  	<body> 		<input type="checkbox">option a<br> 		<input type="checkbox">option b<br> 		<input type="checkbox">option c<br> 		<br> 		<button>讓復(fù)選框只讀</button> 	</body> </html>

        jquery怎么讓checkbox只讀

        方法2:

        如果使用disabled=“disabled”屬性的話,會(huì)讓checkbox變成灰色的,用戶可能會(huì)反感效果,也可以設(shè)置復(fù)選框(checkbox)點(diǎn)擊時(shí)不進(jìn)行狀態(tài)改變。

        $(document).ready(function() { 	$("button").click(function() { 		$("input[type='checkbox']").click( 		function(){return false;} 		); 	}); });

        jquery怎么讓checkbox只讀

        相關(guān)視頻教程推薦:jQuery教程(視頻)

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 国产高清在线精品一区| 精品视频第一页| 精品熟女少妇aⅴ免费久久| 无码精品人妻一区| 99久久精品国产一区二区三区| 成人国内精品久久久久一区| 亚洲精品国产高清嫩草影院| 国产内地精品毛片视频| 精品久久一区二区| 久久久精品人妻一区二区三区四| 精品久久久久久无码中文野结衣| 欧美精品1区2区| 国产精品91av| 国产福利精品一区二区| 无码精品人妻一区二区三区免费看 | 久久久久久久久无码精品亚洲日韩| 精品国产一区二区22| 3级黄性日本午夜精品| 国产韩国精品一区二区三区久久| 久久精品国产亚洲AV大全| 亚洲精品国产av成拍色拍| 欧美精品一区二区三区免费| 51国偷自产精品一区在线视频| 国产亚洲欧洲精品| 国99精品无码一区二区三区| 久久精品欧美日韩精品| 无码国产精品一区二区免费3p| 亚洲精品一级无码中文字幕| 无夜精品久久久久久| 日韩精品一区二三区中文| 久久久WWW免费人成精品| 国产亚州精品女人久久久久久| 99精品电影一区二区免费看| 国产成人精品免费大全| 国产精品内射久久久久欢欢| 国产偷国产偷高清精品| 国产专区日韩精品欧美色| 精品国产亚洲男女在线线电影| 久久久久久久久久免免费精品| 久久久久亚洲精品中文字幕| 麻豆国产高清精品国在线|