jsp實現核取方塊預設選中,不可取消

2022-03-15 01:46:38 字數 772 閱讀 7839

在web開發中,有時候需要顯示一些核取方塊(checkbox),表明這個地方是可以進行勾選操作的,但是有時候是只想告知使用者"這個地方是可以進行勾選操作的"而不想讓使用者在此處勾選(比如在資訊展示頁面),這時候就需要將核取方塊設定成唯讀的效果。

提到唯讀,很容易想到使用readonly屬性,但是對於核取方塊來說,這個屬性和期望得到的效果是有差別的。原因在於readonly屬性關聯的是頁面元素的value屬性(例如textbox,設定了readonly就不能修改輸入框的文字內容),而核取方塊的勾選/取消並不改變其value屬性,改變的只是乙個checked狀態。所以對於checkbox來說,設定了readonly,仍然是可以勾選/取消的。效果如下:

option a

option b

option c               

option a

option b

option c               

和readonly類似的,還有乙個disabled屬性,這個屬性的作用是設定頁面元素為不可用,即不可進行任何互動操作(包括不可修改value屬性、不可修改checked狀態等)。效果如下:

option a

option b

option c               

option a

option b

option c               

從上面我們可以看到,無論是readonly還是disabled,都沒有實現我們期望的效果。既然直接實現不了,那麼我們可以變通一下,模擬實現。**如下:

核取方塊checkbox的選中問題

今天在使用核取方塊的時候遇到乙個問題 下面是js function edit if rows.length 1 addrolelist dialog addrolelistform form clear alert rows 0 authoritystring var authoritystring...

如何使用jQuery選中 取消選中核取方塊

在jquery中,您可以使用attr 函式動態地選中或取消選中核取方塊。例如,乙個簡單的核取方塊元件。check me1.顯示是否選中此核取方塊 返回true或false input checkbox name checkme is checked 2.選中乙個核取方塊。input checkbox...

css修改核取方塊預設樣式

不知道小夥伴們在使用核取方塊 checkbox 的時候有沒有覺得預設的樣式實在太醜了,自己想換乙個好看點的樣式又感覺挺麻煩的,前幾天博主就遇到了這個麻煩,然後翻閱了書籍找到了解決方法,現在和大家分享一下 我們先看一下核取方塊的預設樣式,這種預設的核取方塊樣式還是不夠美觀的,那麼下面我們把它美化一下 ...