設(shè)置checkbox為只讀(readOnly)的兩種方式

更新時(shí)間：2013年10月11日 17:57:01 作者：

設(shè)置checkbox為只讀的方法有很多，在本文為大家詳細(xì)介紹下兩種比較實(shí)用的方法，感興趣的朋友不要錯(cuò)過(guò)

方式一：

checkbox沒(méi)有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)文章

本文通過(guò)案例給大家分析了微信小程序開(kāi)發(fā)之改變data中數(shù)組或?qū)ο蟮哪骋粚傩灾?本文通過(guò)實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-07-07

Bootstrap的基本應(yīng)用要點(diǎn)淺析

BootStrap是基于HTML、CSS和JavaScript的框架，使你只需要寫(xiě)簡(jiǎn)單的代碼就可以很快的搭建一個(gè)還不錯(cuò)的前端框架，他是后端程序員的福音，使他們只需要專(zhuān)注業(yè)務(wù)邏輯，而無(wú)須浪費(fèi)太多的精力在界面設(shè)計(jì)上

2016-12-12

淺談JS對(duì)html標(biāo)簽的屬性的干預(yù)以及對(duì)CSS樣式表屬性的干預(yù)

下面小編就為大家?guī)?lái)一篇淺談JS對(duì)html標(biāo)簽的屬性的干預(yù)以及對(duì)CSS樣式表屬性的干預(yù)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

2017-06-06

微信小程序使用uni-app和springboot實(shí)現(xiàn)一鍵登錄功能(JWT鑒權(quán))

微信一鍵登錄是指用戶在使用小程序時(shí),可以通過(guò)微信賬號(hào)進(jìn)行快速登錄,而無(wú)需額外的注冊(cè)和密碼設(shè)置,這篇文章主要給大家介紹了關(guān)于微信小程序使用uni-app和springboot實(shí)現(xiàn)一鍵登錄功能的相關(guān)資料,需要的朋友可以參考下

2023-11-11