首页 > 其他分享 >checkbox全选

checkbox全选

时间:2023-07-27 21:48:30浏览次数:30  
标签:function ckitem checkbox checked prop 全选 each


<input type="checkbox" id="ckall" onclick="checkall()"/>全选
<input type="checkbox" class="ckitem" />学习
<input type="checkbox" class="ckitem" />吃饭
<input type="checkbox" class="ckitem" />打游戏
<input type="checkbox" class="ckitem" />运动


function checkall(){
// 判断全选按钮是否被选中checked
if($("#ckall").is(":checked") == true){
$(".ckitem").each(function(){
$(this).prop("checked",true); // 通过prop()函数设置复选框的选中状态
})
}
else{
$(".ckitem").each(function(){//each是循环遍历
$(this).prop("checked",false);
})
}
}

原文链接:https://blog.csdn.net/weixin_45947938/article/details/124738353

标签:function,ckitem,checkbox,checked,prop,全选,each
From: https://www.cnblogs.com/wugh8726254/p/17586147.html

相关文章

  • jquery 中全选checkbox
     JavaScript部分:functioncheckAll(obj){$("#boxinput[type='checkbox']").prop('checked',$(obj).prop('checked'));}html部分:<divid="box"><inputtype="checkbox"onclick="check......
  • EnableHeaderCheckBox导致空指针
    GridViewCheckBoxColumn以CheckBox的形式显示、编辑bool值,实现行选中效果。如果需要在表头添加全选框,可以将EnableHeaderCheckBox设置为true:privatevoidAddCheckColumn(){checkColumn=newGridViewCheckBoxColumn();checkColumn.Name="Select";checkColum......
  • 全选 和 不能全选 测试题 逻辑代码
    全选和不能全选测试题逻辑代码关于测试题会出现三种情况1.可以全选的点击就加入选中数组里面2.不可以全选的先点击可以多选的再点击不能多选的会选中数组情况3.不可以全选的先点击不能全选的再点击可以全选的不能全选的那个被取消可以全选的一个个添加......
  • easyui combobox 多选及全选 功能(XTHS_实测可行)
    代码如下:$("#DepartmentCode").comboex({data:[{"value":"","text":"全部"},{"value":"001","text":"部门1"},{......
  • 【antd】Table 全选框部分禁用
    constrowSelection=userInfo.isManager==1||userInfo.isSuperAdmin==1?{onChange:(selectkeys)=>{setSelectedRowKeys(selectkeys)},}:{onChange:(selectkeys)=>{setSelectedRowKeys(selectkeys)},getCheckb......
  • WPF CheckBox勾选框大小设置
    1、设置CheckBox,FontSize,只有字体发生变化,前面的勾选框太小,可以设置LayoutTransform<StyleTargetType="CheckBox"><SetterProperty="HorizontalAlignment"Value="Left"/><SetterProperty="LayoutTra......
  • 获取input[type="checkbox"]:checked 所在tr中特定元素
    1.要求如下 2.html源码<divclass="btn"><buttontype="button"onclick="getYuan()">获取</button></div><divclass="forms"><table><tbody>......
  • Firefox下 用Jquery 取checkbox的值 .
    <scriptsrc="js/jquery-1.5.2.js"type="text/javascript"></script><scripttype="text/javascript">//注意ie8和高版本的firefox不支持jquery对checked的选择器//vars=$('input[type="checkbox"][name="xx......
  • C#自定义checkBox开关按钮控件,设计漂亮美观的UI按钮
    第一步:先准备开关按钮要使用到的背景图片,一张是开启的,一张是关闭的,如下图: 一共有6种款式,大家也可以全部加进去    然后将这些图片作为资源文件添加到项目中,如下图: 第二步、新建用户控件,命名为:ButtonCheck.cs ButtonCheck.cs代码如下:///<su......
  • 2023-07-06 uview-ui组件u-checkbox设置label-disabled无效==》点击文本仍旧触发check
    解决方案:既然无效,那就给checkbox包裹的文本绑定一个点击事件,该点击事件使用.stop来阻止事件冒泡,这样点击文本就不会触发checkbox的change了,可以参考一下代码:<u-checkbox><[email protected]="stopBack"></View></u-checkbox>关键点:@click.stop注:改问题出自uview-ui1.......