設(shè)置checkbox為只讀(readOnly)的兩種方式
更新時(shí)間:2013年10月11日 17:57:01 作者:
設(shè)置checkbox為只讀的方法有很多,在本文為大家詳細(xì)介紹下兩種比較實(shí)用的方法,感興趣的朋友不要錯(cuò)過
方式一:
checkbox沒有readOnly屬性,如果使用disabled=“disabled”屬性的話,會(huì)讓checkbox變成灰色的,用戶很反感這種樣式可以這樣讓它保持只讀:
設(shè)置它的onclick="return false"
js里就是 checkbox.onclick=function(){return false;};
方式二:
<script src="Demo3.1/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(function(){
$("input[type='checkbox']").click(
function(){
this.checked = !this.checked;
}
);
}
);
</script>
checkbox沒有readOnly屬性,如果使用disabled=“disabled”屬性的話,會(huì)讓checkbox變成灰色的,用戶很反感這種樣式可以這樣讓它保持只讀:
設(shè)置它的onclick="return false"
js里就是 checkbox.onclick=function(){return false;};
方式二:
復(fù)制代碼 代碼如下:
<script src="Demo3.1/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(function(){
$("input[type='checkbox']").click(
function(){
this.checked = !this.checked;
}
);
}
);
</script>
相關(guān)文章
最簡(jiǎn)單純JavaScript實(shí)現(xiàn)Tab標(biāo)簽頁切換的方式(推薦)
這篇文章主要介紹了最簡(jiǎn)單純JavaScript實(shí)現(xiàn)Tab標(biāo)簽頁切換的方式(推薦)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07JavaScript中實(shí)現(xiàn)數(shù)組分組功能的方法詳解
最近,JavaScript引入了一個(gè)備受期待的功能:原生支持?jǐn)?shù)組分組,這一特性使得在處理復(fù)雜的數(shù)據(jù)集時(shí)變得更加簡(jiǎn)單和高效,本文將深入探討這一全新的JavaScript特性,希望對(duì)大家有所幫助2023-12-12JavaScript開發(fā)時(shí)的五個(gè)注意事項(xiàng)
JavaScript開發(fā)時(shí)的五個(gè)注意事項(xiàng)講述了表單事件、鏈接、循環(huán)優(yōu)化、匿名函數(shù)、字符串連接等優(yōu)化技巧,需要的朋友可以參考一下2007-12-12JavaScript中的this/call/apply/bind的使用及區(qū)別
這篇文章主要介紹了JavaScript中的this/call/apply/bind的使用及區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03