Jq 复选框全选，全不选，监听复选框，获取选中值

function checkAll() {//全选全不选let xieyi=$("#dataTypeAll");if(!xieyi.is(':checked')){$("[name='dataType']").prop("checked",false)}else {$("[name='dataType']").prop("checked",true)}
}function getSelectType() {//获取选中得值var str="";$("[name='dataType']").each(function(){if ($(this).prop('checked') == true) {console.log($(this).val()); //打印当前选中的复选框的值str=str+$(this).val()+",";}});alert(str);}$("[name='dataType']").click(function () {//监听复选框alert("点击");var flag=true;$("[name='dataType']").each(function(){console.log($(this).prop('checked'));if ($(this).prop('checked') == false) {flag=false;return;}});console.log("========");$("#dataTypeAll").prop("checked",flag);
});

HTML

<div style="float: left;margin-right: 10px;"><label class="checkbox-inline"><input type="checkbox" name="dataType" value="rh"> 燃弧</label><label class="checkbox-inline"><input type="checkbox" name="dataType" value="dl"> 电流</label><label class="checkbox-inline"><input type="checkbox"  name="dataType" value="wd"> 温度</label><label class="checkbox-inline"><input type="checkbox"  name="dataType" value="wd"> 磨耗</label><label class="checkbox-inline"><input type="checkbox"  name="dataType" value="wd"> 硬点</label><label class="checkbox-inline"><input type="checkbox" οnchange="checkAll()" id="dataTypeAll" value="option3"> 全选/取消</label>
</div>
<div><h1><span οnclick="getSelectType()"   class="label label-success" >查看数据</span></h1></div>

Jq 复选框全选，全不选，监听复选框，获取选中值相关推荐

js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
Material UI 带复选框表格获取选中值（索引）
vue+Material UI 带复选框表格获取选中值(索引) 发现问题解决写在最后发现问题神坑UI框架–Material,这款框架我不晓得为什么会这么坑,有这么多的问题为什么会被推出来,真的 ...
GUI 事件监听和文本框事件监听
4.事件监听事件监听:什么事情发生了,需要做什么? 什么事情是事件,做什么?是我们编辑的功能事件:是鼠标事件,键盘事件等. 例如鼠标按下,要下载音乐键盘按下哪一个按键,需要执行什么操作 publ ...
Vue实现动态复选框的全选全不选获取选中值
在开发中,动态复选框的功能还是比较常见的,下面是对此做简要的讲解 1.复选框的实现原理动态复选框主要是通过v-model来控制的,为true时选中,为false时取消选中. 2. 功能展示选中&q ...
html全屏/退出全屏按钮，以及监听Esc退出后按钮样式变更
全屏和退出全屏引用了layui里面的icon标签,也可以使用自己的图片,都可以. html: <div id="screenDiv"><!-- 以下是layui里 ...
jQuery 监听修改文本框事件
在开发中,有时我们需要对 input 的 value 值变化作实时响应.比如文本输入框的实时字数统计功能,要求文本框内容改变时就要触发相关的统计行为.不管这个内容是键盘输入的,还是鼠标粘贴进来的.1, ...
html监听多选框事件,复选框事件监听使用求助
McEvsw1ypQDJwbGNOluzmg== 当复选框未勾选显示input的文本框为时间xlJLaqVV9oS6M3cASNnXrg== YePxX5thtSP/0vZ6aBS1Ig== 当复选框 ...
横屏展示 fragment 监听面积并非全屏，部分面积监听失效
具体效果如下: 将这个textview 向左移动,那么都可以监听,如上图.如果控件向右移,只有第一个textview 刚刚出头的部分可以监听,如下图貌似监听宽度还只是竖屏!? 原因:在fragmen ...
js监听只读文本框_js 动态控制 input 框的只读属性
input 框的只读属性: readonly 在页面中直接添加为只读时,可在input中直接添加 readonly="readonly",但是如果想通过点击按钮来改变的话,需 ...

Jq 复选框全选，全不选，监听复选框，获取选中值

Jq 复选框全选，全不选，监听复选框，获取选中值相关推荐

最新文章

热门文章

Jq 复选框 全选，全不选，监听复选框，获取选中值

Jq 复选框 全选，全不选，监听复选框，获取选中值相关推荐

最新文章

热门文章

Jq 复选框全选，全不选，监听复选框，获取选中值

Jq 复选框全选，全不选，监听复选框，获取选中值相关推荐