<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>checked.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function checkAll(str){
var a = document.getElementsByName(str);
var n = a.length;
for(var i=0;i<n;i++){
a[i].checked = window.event.srcElement.checked;
}
}
function checkItem(str){
var e = window.event.srcElement;
var all = eval("document.f1."+str);
if(e.checked){
var a = document.getElementsByName(e.name);
all.checked = true;
for(var i=0;i<a.length;i++){
if(!a[i].checked){
all.checked = false;
break;
}
}
}else{
all.checked = false;
}
}
function getInfo(){
var uid='';
var obj=document.all('mm');
for(var i=0; i < obj.length; i++){
if(obj[i].checked)
uid +=obj[i].value + ',';
}
alert(uid);
}
</script>
</head>
<body>
<form name="f1" id="f1" action="" method="post">
<input type="checkbox" value="e1" name="mm" onclick="checkItem('all')">
<br />
<input type="checkbox" value="e2" name="mm" onclick="checkItem('all')">
<br />
<input type="checkbox" value="e4" name="mm" onclick="checkItem('all')">
<br />
<input type="checkbox" value="e5" name="mm" onclick="checkItem('all')">
<br />
<input type="checkbox" value="e6" name="mm" onclick="checkItem('all')">
<br />
<input type="checkbox" value="e7" name="mm" onclick="checkItem('all')">
<br />
<input type="checkbox" name="all" onclick="checkAll('mm')">
全选
<input type="button" name="all" value="测试" onclick="getInfo()">
<br />
</form>
</body>
</html>
分享到：
相关推荐
实现这种批量选择的方法往往是使用 JavaScript，通过在每条记录前面加一个复选框，然后在列表下方放置一个“全选/全不选”复选框。 实现批量选择的思路是： 1. 在每条记录前面加一个复选框，该复选框的值为“id|...
**问题：**`textarea` 取值赋值，后台取值。 **解析：** - 取值：`document.getElementById("textareaId").value` - 后台取值：通常通过表单提交，然后在服务器端通过相应的表单字段名称获取。 #### jQuery使用 *...
复选框在编程中是一种常见的用户...正确实现全选、全不选、反选和取值操作能使得用户在多选项选择时更加便捷，提升应用程序的易用性。同时，了解不同编程语言和框架中复选框的处理方式也有助于你成为更全面的开发者。
然后，在JavaScript中，通过监听复选框的事件来获取勾选状态，具体代码如下： ```javascript table.on('checkbox(test3)', function(obj){ var checkStatus = table.checkStatus('test3'); console.log(check...
<th><input type='checkbox' onclick='javascript: checkAll(this)'>全选 <td><input type='checkbox' value="汽车" title="car" onclick="callCheck(this)"> ('汽车')" style="cursor:hand">汽车</a></td> ...
在Web开发中，jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互。在本文中，我们将深入探讨如何使用jQuery来操作CheckBox（复选框）元素，包括选中、取消选中和获取选中项的值。 ...
此外，合理设置`keep.parent`和`check.chkboxType`属性可以避免不必要的全选/全不选问题。 7. **兼容性和适配**：确保zTree在不同浏览器和设备上的表现一致性，这可能需要对CSS和JavaScript代码进行调整，以适应...
6. 客户端脚本支持：扩展可能还包括增强的JavaScript API，使得开发者可以在客户端进行更多的操作，如动态添加或删除选项，或者在客户端验证用户的选择。 在这个主题中，"RadioButtonListHelper"可能是一个用于辅助...
layui是一款基于前端JavaScript库的模块化前端框架，提供了丰富的UI组件，包括表格、表单、按钮等，而checkbox是其中常用的一种表单元素。 首先，我们要了解如何在layui中实现checkbox的默认选中。在HTML结构中，...
11. **全选复选框**： - `$('input:checkbox').each(function() { $(this).attr('checked', true); })`，使所有复选框被选中。 12. **取消选择所有复选框**： - `$('input:checkbox').each(function () { $(this)...
文档提到了使用[Ctrl+A全选]的操作，这意味着用户可以通过按住Ctrl键并同时按下A键来选中页面上的所有元素。在涉及颜色选择器的情况下，这个快捷键操作可能与选择页面上其他表单元素或内容相关。尽管这个指令并不是...
自动全选 ()"> ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"> 文本框的默认值 (this.defaultValue)"> title换行 obj.title = "123
sdfs " 获得时间所代表的微秒 var n1 ...
它不仅可以展现层级化数据，还支持搜索、自动加载、全选等功能，非常适合复杂数据结构的选择场景。 首先，我们来看如何在Vue中安装并引入Vue Treeselect。假设你已经使用npm或yarn将Vue Treeselect安装到你的项目中...
知识点一：引入jQuery及插件文件 在使用jquery.multiselect插件之前，需要先引入jQuery库和相应的插件文件。示例代码中提到了以下文件： - `jquery-ui.css`：提供jQuery UI样式。 - `jquery.multiselect.css`：提供...