操作Checkbox標籤

2022-02-13 08:21:22 字數 1364 閱讀 8019

在前端開發中,少不了對checkbox的操作。

常用的的方法有2個:.is()和.prop()方法。前者是判斷 checkbox的狀態,選不是未選。而後者為checkbox設定乙個值,可以設定checkbox是true還是false。

寫個小例子,練習一下:

在html:

<

input

id="checkbox1"

type

="checkbox"

/>

<

input

id="text1"

type

="text"

/>

為這個文字框賦值,值填的就是checkbox的值。只是使用者對checkbox選擇與否。

上面的**,如果不想使用if ,可以參考下面的的jquery**修改一下,最終的結果是一樣的:

實時演示:

下面練習.prop()方法,為checkbox設定值。

把上面的例子對調一下,即是說根據文框輸入的值來決定checkbox是否選擇與否。

當使用者輸入「true」時,checkbox是選中的狀態,當使用者輸任何非"true"值時或未填寫時,checkbox的狀態是非選中的。

<

input

id="text1"

type

="text"

/>

<

input

id="checkbox1"

type

="checkbox"

/>

寫jquery**:

演示:

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...