weui获取checkbox选中值带GIF效果演示

效果演示

代码如下

<div class="weui-cells weui-cells_checkbox"><label class="weui-cell weui-check__label" for="s11044"><div class="weui-cell__hd"><input type="checkbox" class="weui-check" name="users" id="s11044" value="11044" onchange="changedo()"><i class="weui-icon-checked"></i></div><div class="weui-cell__hd"><img src="https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLprPoGXtyAfaOyvn2wdViaoKKibZeKQELQaibmukzK32jibfD8lxs3E4goUmd6rbxSPjcbdBcTfyXYIA/132" class="cellicon" style="margin-right: 0;"></div><div class="weui-cell__bd"><p>wjlz</p></div>
</label><label class="weui-cell weui-check__label" for="s11045"><div class="weui-cell__hd"><input type="checkbox" class="weui-check" name="users" id="s11045" value="11045" onchange="changedo()"><i class="weui-icon-checked"></i></div><div class="weui-cell__hd"><img src="https://wx.qlogo.cn/mmopen/vi_32/4wztH3ibG1iaicY1ATUtCWVAzSicDc4kFQpeSsnibGvIQ6m6y4h42xScw0JBgUMicRFRA00zdXUXU5qaIdsR5adbu3KA/132" class="cellicon" style="margin-right: 0;"></div><div class="weui-cell__bd"><p>龙腾四海</p></div>
</label><label class="weui-cell weui-check__label" for="s11046"><div class="weui-cell__hd"><input type="checkbox" class="weui-check" name="users" id="s11046" value="11046" onchange="changedo()"><i class="weui-icon-checked"></i></div><div class="weui-cell__hd"><img src="https://wx.qlogo.cn/mmhead/c7icMyZFV8t3uicRbVd6NVicLS1nueu7QgActp90IvQXBM/132" class="cellicon" style="margin-right: 0;"></div><div class="weui-cell__bd"><p>许俊来</p></div>
</label><label class="weui-cell weui-check__label" for="s11047"><div class="weui-cell__hd"><input type="checkbox" class="weui-check" name="users" id="s11047" value="11047" onchange="changedo()"><i class="weui-icon-checked"></i></div><div class="weui-cell__hd"><img src="https://wx.qlogo.cn/mmhead/H8MibpkXqyJtYwP0OsnDzArfQibEXc3zKic14PSflOdz0g/132" class="cellicon" style="margin-right: 0;"></div><div class="weui-cell__bd"><p>许家芷</p></div>
</label><label class="weui-cell weui-check__label" for="s11048"><div class="weui-cell__hd"><input type="checkbox" class="weui-check" name="users" id="s11048" value="11048" onchange="changedo()"><i class="weui-icon-checked"></i></div><div class="weui-cell__hd"><img src="https://wx.qlogo.cn/mmhead/flS6dJAtuf0ibGGRo2CeE12mBicMgNbx90MdE5RWDRPA0/132" class="cellicon" style="margin-right: 0;"></div><div class="weui-cell__bd"><p>蒋维茜</p></div>
</label>
</div>
JS
<script type="text/javascript">function changedo() {var len = $('input[name=users]:checked').length$('#selectnums').html(len)}function okdo() {var ids = '';$.each($('input:checkbox'),function(){if(this.checked){console.log($(this).val())ids += $(this).val() + ','}});console.log(ids)}
</script>

weui获取checkbox选中值带GIF效果演示相关推荐

JQuery 判断checkbox是否选中，checkbox全选，获取checkbox选中值
2019独角兽企业重金招聘Python工程师标准>>> JQuery是一个非常容易上手的框架,但是有很多东西需要我们深入学习的. 判断checkbox是否被选中网上有选多种写法,这里 ...
layui获取checkbox选中值_小程序之十二获取多选按钮数值及后续想法
选自杨敬华画作.我,一直为亲手促成其成为同事感到骄傲,类似让我骄傲的,还有几位. 图文,超过1000字,就没有耐心看完,我尽量控制在1000字以内! 今天,编个程,展示一下复选款数据获取方式需求:从 ...
C# 获取 checkbox选中的值
后台获取checkbox选中的值 ck是前台checkbox的name值 string ids = Request.Form["ck"]; ***后台获取到的值自动以", ...
jquery获取checkbox选中的值
jquery获取checkbox选中的值,包括全选取消全选反选选中奇数行获取选中的值这里有一个注意点:使用attr(),会发现代码那里的checked="checked" ...
jquery获取radio选中值及遍历
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1. ...
jquery如何获取checkbox的值
jquery如何获取checkbox的值一.总结一句话总结:就是通过jquery获取哪些对应name的checkbox,然后找出:check(被选中的),然后通过jquery的each遍历获取这些 ...
vue+layui获取CheckBox的值
vue+layui获取CheckBox的值定义一样的name和v-filter 然后对其进行监听.
获取checkbox选中状态的两种方式_张童瑶的博客
获取checkbox选中状态的两种方式获取checkbox选中状态的两种方式第一种方式第二种方式我的其他文章我的其他网站获取checkbox选中状态的两种方式我在开发项目的时候遇到这个问 ...
jquery通过id或name获取radio选中值
通过id获取radio选中值 var cT = $('input[id="sc_ct"]').filter(':checked').val(); 通过name获取radio选中值 ...

weui获取checkbox选中值带GIF效果演示

weui获取checkbox选中值带GIF效果演示相关推荐

最新文章

热门文章

weui获取checkbox选中值 带GIF效果演示

weui获取checkbox选中值 带GIF效果演示相关推荐

最新文章

热门文章

weui获取checkbox选中值带GIF效果演示

weui获取checkbox选中值带GIF效果演示相关推荐