jquery實現核取方塊全選反選

2022-09-04 04:39:07 字數 996 閱讀 9622

實現原理:

給所有的核取方塊取相同的名字,當點選全選的時候把chenked屬性全部設定為true;當點選全不選的時候把checked屬性設定為false;

源**如下:

html**:

<

form

method

="post"

action

="">

你的愛好是:

<

input

type

="checkbox"

id="checkedall"

/>

全選/全不選

<

br />

<

input

type

="checkbox"

name

="one"

value

="唱歌"

/>

唱歌<

input

type

="checkbox"

name

="one"

value

="跳舞"

/>

跳舞<

input

type

="checkbox"

name

="one"

value

="看書"

/>

看書<

input

type

="checkbox"

name

="one"

value

="運動"

/>

運動<

br />

<

input

type

="button"

id="send"

value

="提交"

/>

form

>

js**:

jquery實現核取方塊全選,全不選,反選中的問題

今天試了一下用jquery選擇核取方塊,本來以為很簡單的東西卻有bug,於是搜尋了一下找到了解決方法。html 如下 這裡沒有用任何樣式,就沒有再放css了 html head meta charset utf 8 link rel stylesheet href test ch5.css titl...

vue中核取方塊全選與反選

html主要部分 初始化selectlist checkboxlist 蘋果 橡膠 梨 桃子 首先說全選事件,這個比較好弄。就是每次觸發事件的時候先清空selectlist,然後將checkboxlist的值賦值給selectlist就行了。反選事件。所謂反選就是先判斷如果有選中的則將其狀態變為未選...

核取方塊全選 反選及根據值JS控制核取方塊預設選中事件

html 全選 反選 1月2月 3月4月 5月6月 7月8月 9月10月 11月12月 js 實現全選與反選 allandnotall click function 根據值預設勾選核取方塊 var checks scope.model.vaildrange 核取方塊的值 checks checks....