JavaScriptCheckbox复选框_hanCSDN_20130118

最新推荐文章于 2023-05-15 18:21:17 发布

hanCSDN

最新推荐文章于 2023-05-15 18:21:17 发布

阅读量343

点赞数

本文链接：https://blog.csdn.net/hanCSDN/article/details/8518725

版权

程序编码专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>复选框</title>
<script type="text/javascript">
function showIds() {
    //把勾选的记录的id记录下来
    var ids = [];
    var index = 0;
    //获得所有复选框
    var list = document.getElementsByName("selectItem");
    //遍历复选框
    for (var i = 0; i < list.length; i++) {
        //如果选中就记录
        if (list[i].checked) {
            ids[index] = list[i].value;
            index++;
        }
    }
    if (ids.length < 1) {
        alert("请至少选择一条记录！");
        return;
    }

    var flag = confirm("确认审核选中的" + ids.length + "条文件?");
    if (!flag) {
        return;
    }
    for (var j = 0; j < ids.length; j++) {
        alert("选中的第" + (j + 1) + "条记录的Value-->" + ids[j]);
    }
}

//全选或全不选
function selectAll(obj) {
    var list = document.getElementsByName("selectItem");
    for (var i = 0; i < list.length; i++) {
        list[i].checked = obj.checked;
    }
}

//判断是否全选
function isSelectAll(obj) {
    if (!obj.checked) {
        document.getElementById("allSelect").checked = false;
    } else {
        //判断是否所有的选项都选中
        var list = document.getElementsByName("selectItem");
        for (var i = 0; i < list.length; i++) {
            //如果有一个没有选中就不是全选
            if (!list[i].checked) {
                document.getElementById("allSelect").checked = false;
                return;
            }
        }
        document.getElementById("allSelect").checked = true;
    }
}
</script>
</head>
<body>
<table border=1>
<tr>
<td><input type="checkbox" name="allSelect" id="allSelect" οnclick="selectAll(this);"></td>
		<td>序号</td>
</tr>
	<tr>
		<td><input type="checkbox" name="selectItem" value="value1" οnclick="isSelectAll(this);"></td>
		<td>1</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="selectItem" value="value2" οnclick="isSelectAll(this);"></td>
		<td>2</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="selectItem" value="value3" οnclick="isSelectAll(this);"></td>
		<td>3</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="selectItem" value="value4" οnclick="isSelectAll(this);"></td>
		<td>4</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="selectItem" value="value5" οnclick="isSelectAll(this);"></td>
		<td>5</td>
	</tr>
</table>
<input type="button" value="show" οnclick="showIds();">
</body>
</html>

hanCSDN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScriptCheckbox复选框_hanCSDN_20130118

复选框function showIds() { //把勾选的记录的id记录下来 var ids = []; var index = 0; //获得所有复选框 var list = document.getElementsByName("selectItem"); //遍历复选框 for (var i = 0; i < list.lengt
复制链接

扫一扫