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