jquery實(shí)現(xiàn)全選和取消全選 利用jQuery實(shí)現(xiàn)CheckBox全選/全不選/反選的簡(jiǎn)單代碼?
利用jQuery實(shí)現(xiàn)CheckBox全選/全不選/反選的簡(jiǎn)單代碼?Removeattr參數(shù)只需要一個(gè)Removeattr(“checked”),但建議用$()替換它。選擇“L”)。單擊(functio
利用jQuery實(shí)現(xiàn)CheckBox全選/全不選/反選的簡(jiǎn)單代碼?
Removeattr參數(shù)只需要一個(gè)Removeattr(“checked”),但建議用$()替換它。選擇“L”)。單擊(function(){if($()。選擇“L”)。屬性(“checked”)==true){$(“input[name=“checkbox1”])。屬性(“checked”,false)控制臺(tái).log(1) }else{$(“input[name=”checkbox1“]”).prop(”checked“,false)控制臺(tái).log(2) }})或者更簡(jiǎn)潔地說(shuō),$(”。選擇“L”)。單擊(function(){var ischecked=$(this)。屬性(“checked”)$(“input[name=“checkbox1”]”)。屬性(“checked”,ischecked)})]~]$(文檔)。就緒(函數(shù)(){
$()。Img “)。單擊(function(){
if($()。復(fù)選框“”)。Prop(“checked”))]//判斷是否先選中了復(fù)選框。
$( ". 復(fù)選框“”)。屬性(“checked”,“))$(this)。Removeclass(“check”)/“。勾選“這是圖片激活后的樣式。也就是說(shuō),要單擊的圖像有兩種狀態(tài),一種是正常狀態(tài),另一種是激活狀態(tài),并以兩種樣式寫(xiě)入。
}否則{
$(”。復(fù)選框“”)。屬性(“checked”,“checked”)
$(這個(gè))。Addclass(“check”)
)
]}]jQuery記住要使用1.6之后的版本。
. 這是被點(diǎn)擊圖像的樣式。檢查這是正在單擊的圖像的樣式。復(fù)選框這是復(fù)選框的樣式
1。為所有復(fù)選框定義一個(gè)ID,例如:“<input type=”check box“ID=”cball“value=”all“>全選
2”。為其他復(fù)選框定義相同的名稱,例如:
愛(ài)好:<input type=“check box”name=“cbhobby”Value=“song”>唱歌<;input type=“checkbox”name=“cbhobby”Value=“dance”<;input type=“checkbox”name=“cbhobby”Value=“play”>玩游戲<;input type=“checkbox”name=“cbhobby”value=“eat”<;input type=“checkbox”name=“cbhobby”value=“睡眠”>
3。編寫(xiě)jQuery代碼,使復(fù)選框的選定屬性與單擊“全部”框時(shí)“全部”框的選定屬性一致
<script type=“text/JavaScript”SRC=“JS/jQuery。1.8.3 最小js“></script><script type=”text/javascript“>$(function(){$(”cbAll“)。單擊(function(){$(”input[name=”cbHobby“]”).prop(”checked“,$(this).prop(”checked“)})</script>”