复选框全选、反选及根据值JS控制复选框默认选中事件

最新推荐文章于 2020-07-26 17:00:56 发布

weixin_30950237

最新推荐文章于 2020-07-26 17:00:56 发布

阅读量171

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mywangpingan/p/8549768.html

本文介绍如何使用HTML和JavaScript实现全选/反选功能，并通过具体示例展示了如何根据值默认勾选相应的月份复选框。

HTML代码

JS代码

实现全选与反选

$("#allAndNotAll").click(function() {
var isChecked = $(this).prop("checked");
$("input[name='check']").prop("checked", isChecked);
});

根据值默认勾选复选框

var checks=$scope.model.vaildRange; //-----复选框的值
checks=checks.split(",");　　　　　　　//------字符串以逗号分割
var boxes = document.getElementsByName("check"); //----根据name获取页面上的复选框

//循环值，默认勾选处理
for(i=0;i<boxes.length;i++){
for(j=0;j<=checks.length;j++){
if(boxes[i].value == checks[j]){
boxes[i].checked = true;
}
}

}

转载于:https://www.cnblogs.com/mywangpingan/p/8549768.html