設置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>
相關文章
微信小程序開發(fā)之改變data中數(shù)組或對象的某一屬性值
本文通過案例給大家分析了微信小程序開發(fā)之改變data中數(shù)組或對象的某一屬性值,本文通過實例代碼相結合的形式給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-07-07
BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要寫簡單的代碼就可以很快的搭建一個還不錯的前端框架，他是后端程序員的福音，使他們只需要專注業(yè)務邏輯，而無須浪費太多的精力在界面設計上2016-12-12
淺談JS對html標簽的屬性的干預以及對CSS樣式表屬性的干預
下面小編就為大家?guī)硪黄獪\談JS對html標簽的屬性的干預以及對CSS樣式表屬性的干預。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
微信小程序使用uni-app和springboot實現(xiàn)一鍵登錄功能(JWT鑒權)
微信一鍵登錄是指用戶在使用小程序時,可以通過微信賬號進行快速登錄,而無需額外的注冊和密碼設置,這篇文章主要給大家介紹了關于微信小程序使用uni-app和springboot實現(xiàn)一鍵登錄功能的相關資料,需要的朋友可以參考下2023-11-11
這篇文章主要給大家介紹了關于Webpack打包詳細流程及代碼的相關資料,Webpack是一款非常流行的打包工具,它的主要作用是將項目中的各個模塊打包成靜態(tài)資源,以便于在瀏覽器中加載和運行,需要的朋友可以參考下2024-01-01
大家有沒有看到類似顏色從下往上升的效果，在本例將與大家介紹下此效果的具體實現(xiàn)2014-08-08
這篇文章主要介紹了Sublime Text 3常用插件及安裝方法的相關資料,需要的朋友可以參考下2015-12-12
今天小編就為大家分享一篇layui table 多行刪除(id獲取)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript高級程序設計 閱讀筆記（十九） js表格排序
js表格排序實現(xiàn)代碼，需要的朋友可以參考下2012-08-08
根據(jù)分辯率調用不同的CSS....2007-01-01