設置checkbox為只讀(readOnly)的兩種方式
更新時間：2013年10月11日 17:57:01 作者：
設置checkbox為只讀的方法有很多，在本文為大家詳細介紹下兩種比較實用的方法，感興趣的朋友不要錯過
方式一：
checkbox沒有readOnly屬性，如果使用disabled=“disabled”屬性的話，會讓checkbox變成灰色的，用戶很反感這種樣式可以這樣讓它保持只讀：
設置它的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”屬性的話，會讓checkbox變成灰色的，用戶很反感這種樣式可以這樣讓它保持只讀：
設置它的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>
相關(guān)文章
最簡單純JavaScript實現(xiàn)Tab標簽頁切換的方式(推薦)
這篇文章主要介紹了最簡單純JavaScript實現(xiàn)Tab標簽頁切換的方式(推薦)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
JavaScript中實現(xiàn)數(shù)組分組功能的方法詳解
最近,JavaScript引入了一個備受期待的功能：原生支持數(shù)組分組,這一特性使得在處理復雜的數(shù)據(jù)集時變得更加簡單和高效,本文將深入探討這一全新的JavaScript特性,希望對大家有所幫助2023-12-12
這次項目中有一個功能，頻繁使用switch語句，代碼優(yōu)化的時候，將其換成數(shù)組2012-02-02
js的數(shù)組與我們?nèi)粘Ｉ钪械臄?shù)組一樣,都是會進行求和計算的,下面這篇文章主要給大家介紹了關(guān)于JS數(shù)組求和的幾種常見方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-01-01
今天這篇文章對JavaScript作用域和作用域鏈作簡單的介紹，希望能幫助大家更好的學習JavaScript2011-10-10
在本篇文章里小編給大家分享的是關(guān)于JS面試題中深拷貝的實現(xiàn)講解，需要的朋友們可以參考下。2020-05-05
這篇文章主要介紹了詳解webpack 熱更新優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要給大家介紹了關(guān)于JS中6個對象數(shù)組去重的方法,javascript數(shù)組去重是一個比較常見的需求,解決方法也有很多種,文中每種解決方法都給出了示例代碼,需要的朋友可以參考下2023-07-07
JavaScript開發(fā)時的五個注意事項講述了表單事件、鏈接、循環(huán)優(yōu)化、匿名函數(shù)、字符串連接等優(yōu)化技巧,需要的朋友可以參考一下2007-12-12
JavaScript中的this/call/apply/bind的使用及區(qū)別
這篇文章主要介紹了JavaScript中的this/call/apply/bind的使用及區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03