如何將checkbox覆選框設置為只讀:覆選框checkbox並沒有readOnly屬性,但是如果將其設置為不可用也就是將它的disabled="disabled",checkbox值不會被髮送,並且外觀呈現灰色,下麵就介紹一下如何模擬實現覆選框的只讀狀態。一.原生javascript代碼:ckOb...
如何將checkbox覆選框設置為只讀:
覆選框checkbox並沒有readOnly屬性,但是如果將其設置為不可用也就是將它的disabled="disabled",checkbox值不會被髮送,並且外觀呈現灰色,下麵就介紹一下如何模擬實現覆選框的只讀狀態。
一.原生javascript代碼:
ckObj.onclick=function(){ return false; }
也就是使用return false取消動作的預設行為,當點擊覆選框的時候,預設行為就是選中或者取消選中。
二.jQuery代碼實現此效果:
$(function(){ $("input[type='checkbox']").click(function(){ this.checked=!this.checked; }) })
以上代碼同樣實現了我們的要求,方法也很簡單就是將覆選框的checked屬性值設置為原來的狀態,!this.checked返回的就是覆選框被點擊後相反的狀態,例如點擊之前是選中的,那麼點擊之後就是沒選中,相反的狀態也即是選中的。
相關閱讀:
1.[type='checkbox']可以參閱jQuery的[attribute!=value]選擇器一章節。
2.checked屬性可以參閱javascript的checkbox.checked屬性一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9484
更多內容可以參閱:http://www.softwhy.com/jquery/