首页 > 代码库 > jQuery 之玩转 checkbox
jQuery 之玩转 checkbox
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript" src=http://www.mamicode.com/‘http:cdn.bootcss.com/jquery/3.1.1/jquery.min.js‘></script>"checkbox" class="all"> 全选 <input type="checkbox" class="reverse"> 反选 <input type="checkbox" value="http://www.mamicode.com/1" class="sub"> 1 <input type="checkbox" value="http://www.mamicode.com/2" class="sub"> 2 <input type="checkbox" value="http://www.mamicode.com/3" class="sub"> 3 <input type="checkbox" value="http://www.mamicode.com/4" class="sub"> 4 <input type="button" value="http://www.mamicode.com/click"> <input type="reset"> </form> <script type="text/javascript"> $(function() { $(‘.all‘).on(‘click‘, function(e) { var isChecked = $(this).prop("checked"); $(".sub").prop("checked", isChecked); }) $(‘.reverse‘).on(‘click‘, function(e) { $(".sub").each(function(index, ele) { var checked = $(ele).is(‘:checked‘) ? ‘‘ : ‘checked‘ $(ele).prop("checked", checked); }) }) $(‘.sub‘).on(‘click‘, function(e) { var checked = ($(‘.sub‘).length == $(‘.sub:checked‘).length ? ‘checked‘ : ‘‘) $(‘.all‘).prop(‘checked‘, checked) }) $("input[type=‘button‘]").bind(‘click‘,function(){ var obj = $(‘.sub‘).map(function(index,ele){ return $(ele).val() }) var arr = Array.prototype.slice.call(obj) alert(JSON.stringify(arr)) }) }) </script> </body> </html>
jQuery 之玩转 checkbox
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。