在前端開發中,少不了對checkbox的操作。
常用的的方法有2個:.is()和.prop()方法。前者是判斷 checkbox的狀態,選不是未選。而後者為checkbox設定乙個值,可以設定checkbox是true還是false。
寫個小例子,練習一下:
在html:
<為這個文字框賦值,值填的就是checkbox的值。只是使用者對checkbox選擇與否。input
id="checkbox1"
type
="checkbox"
/>
<
input
id="text1"
type
="text"
/>
上面的**,如果不想使用if ,可以參考下面的的jquery**修改一下,最終的結果是一樣的:
實時演示:
下面練習.prop()方法,為checkbox設定值。
把上面的例子對調一下,即是說根據文框輸入的值來決定checkbox是否選擇與否。
當使用者輸入「true」時,checkbox是選中的狀態,當使用者輸任何非"true"值時或未填寫時,checkbox的狀態是非選中的。
<寫jquery**:input
id="text1"
type
="text"
/>
<
input
id="checkbox1"
type
="checkbox"
/>
演示:
Struts2標籤 checkbox唯讀屬性設定
在struts2的checkbox標籤中,為實現唯讀效果,一般使用readonly true 是達不到效果的,但設定disabled true 又會導致該表單屬性值不會被提交,解決方式 onclick return false 當需要設定唯讀效果的checkbox標籤過多時,也可使用指定class ...
jquery對checkbox的操作
一 通過選擇器選取checkbox 1.給checkbox設定乙個id屬性,通過id選擇器選取 inputtype checkbox name mybox id chkone value 1 checked checked jquery chkone click function 2.給checkb...
JS對CHECKBOX的操作
全選的所有指定名稱的checkbox state 全選的checkbox的狀態 name 中的所有checkbox的名稱 author fangtf type void function selectall state,name 全選的所有指定id名稱的同名checkbox state 全選的che...