jquery实现全选和取消全选 利用jQuery实现CheckBox全选/全不选/反选的简单代码?

利用jQuery实现CheckBox全选/全不选/反选的简单代码?Removeattr参数只需要一个Removeattr(“checked”),但建议用$()替换它。选择“L”)。单击(functio

利用jQuery实现CheckBox全选/全不选/反选的简单代码?

Removeattr参数只需要一个Removeattr(“checked”),但建议用$()替换它。选择“L”)。单击(function(){if($()。选择“L”)。属性(“checked”)==true){$(“input[name=“checkbox1”])。属性(“checked”,false)控制台.log(1) }else{$(“input[name=”checkbox1“]”).prop(”checked“,false)控制台.log(2) }})或者更简洁地说,$(”。选择“L”)。单击(function(){var ischecked=$(this)。属性(“checked”)$(“input[name=“checkbox1”]”)。属性(“checked”,ischecked)})]~]$(文档)。就绪(函数(){

$()。Img “)。单击(function(){

if($()。复选框“”)。Prop(“checked”))]//判断是否先选中了复选框。

$( ". 复选框“”)。属性(“checked”,“))$(this)。Removeclass(“check”)/“。勾选“这是图片激活后的样式。也就是说,要单击的图像有两种状态,一种是正常状态,另一种是激活状态,并以两种样式写入。

}否则{

$(”。复选框“”)。属性(“checked”,“checked”)

$(这个)。Addclass(“check”)

]}]jQuery记住要使用1.6之后的版本。

. 这是被点击图像的样式。检查这是正在单击的图像的样式。复选框这是复选框的样式

1。为所有复选框定义一个ID,例如:“<input type=”check box“ID=”cball“value=”all“>全选

2”。为其他复选框定义相同的名称,例如:

爱好:<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。编写jQuery代码,使复选框的选定属性与单击“全部”框时“全部”框的选定属性一致

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