<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script src="js/jquery-1.6.1.min.js">
</script>
</head>
<body>
<table id="dataTab">
<tr>
<th>
<input type="checkbox" id="selectCheck" onclick="selectAll();" value="test"/>
</th>
</tr>
<tr>
<td>
<input type="checkbox" name="box" >
</td>
<td>
####
</td>
<td>
<input type="checkbox" name="box">
</td>
<td>
####
</td><td>
<input type="checkbox" name="box">
</td>
<td>
####
</td>
</tr>
</table>
<hr/>
<table id="dataTab_1">
<tr>
<th>
<input type="checkbox" id="selectCheck_1" onclick="selectAll_1();" value="test" checked="false"/>
</th>
</tr>
<tr>
<td>
<input type="checkbox" >
<input type="checkbox" id="testBox" value="复选框" >
</td>
<td>
####
</td>
<td>
<input type="checkbox" >
</td>
<td>
####
</td><td>
<input type="checkbox">
</td>
<td>
####
</td>
</tr>
</table>
</body>
</html>
<script>
function selectAll(){
//alert($("#selectCheck").attr("checked"));
$.each($("input[name='box']"),function(){
if($("#selectCheck").attr("checked")){
$(this).attr("checked",$("#selectCheck").attr("checked"));
}
else{
$(this).removeAttr("checked");
}
});
}
function selectAll_1(){
var isChecked=$("#selectCheck_1").attr("checked");
$("#dataTab_1 tr:gt(0) :checkbox").each(function(){
if(isChecked){
$(this).attr("checked","checked");
}
else{
$(this).removeAttr("checked");
}
});
}
</script>
分享到：
相关推荐
jquery实现全选和全不选，只要有一个复选框没有选中，全选框不选中；
首先，文章标题中提到的“jquery实现全选和全不选功能效果的实现代码”暗示我们将要探讨的是如何通过jQuery这个流行的JavaScript库来控制复选框（checkbox）的选中状态。jQuery是一个快速、小巧且功能丰富的...
"JQ checkbox 全选和全不选"这个主题聚焦于jQuery如何实现复选框的选择功能，特别是全选和全不选的交互效果。这种功能常见于数据表格或列表的筛选中，允许用户一次性选择或取消选择所有项目。 首先，我们需要了解...
而在这个特定的场景中，我们关注的是如何利用JQuery来实现TreeView控件中CheckBox的全选和全不选功能。JQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理和动画效果，使得在网页上实现这些功能变得非常...
主要给大家介绍了关于利用bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果的相关资料，文中给出了完整的示例代码供大家参考学习，对大家具有一定的参考学习价值，需要的朋友下面来一起看看吧。
在本篇中，我们将深入探讨如何使用jQuery...为了实现全选和全不选的功能，我们需要一个主复选框（通常标记为“全选”），以及一组相关的子复选框。例如： ```html <input type="checkbox" id="selectAll"> 全选 ...
本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中，复选框是一种常见的表单元素，用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...
- 添加适当的客户端验证，以避免不必要的服务器往返请求，可以通过JavaScript或jQuery实现。 7. **其他高级特性** - 可以添加分组选择功能，例如只选择满足特定条件的行。 - 集成Ajax，使得全选/反选操作无需...
在JavaScript编程中，实现全选和全不选功能是一项常见的需求，特别是在涉及到用户界面中包含多个复选框的场景。这个功能允许用户通过一个主复选框来控制其他所有复选框的状态。以下是一个详细的解释和示例代码，用于...
总结起来，使用JavaScript和jQuery实现checkbox的全选、反选和全不选功能，主要涉及到对DOM元素的操作，特别是复选框的选中状态控制。通过事件监听和属性修改，我们可以轻松地实现这些交互效果，提升用户体验。在...
在网页开发中，jQuery 是一个广泛使用...通过以上介绍，我们可以利用 jQuery 实现复选框的全选、反选和全不选功能，同时结合表单验证插件，确保用户按照规定进行输入。在实际应用中，可以根据具体需求进行调整和优化。
4. **事件处理**：实现全选和全不选功能的关键在于复选框状态改变时的事件处理。我们可以通过绑定`change`事件，当复选框状态改变时，执行一个函数来更新其他复选框的状态。 5. **全选和全不选的实现逻辑**： - **...
总结，通过 jQuery 的 `prop` 方法，我们可以轻松地实现全选、反选和全不选功能。在实际项目中，这些功能可以提高用户操作的便捷性，尤其在需要大量选择项的场景下。在编写代码时，一定要注意用户体验，确保功能的...
在本教程中，我们将探讨如何使用 jQuery 来实现复选框（checkbox）的全选和全不选功能。这在处理多选列表时非常实用，例如在用户界面中允许用户一次性选择或取消选择所有项目。 首先，我们需要理解 HTML 中的复选框...
在本文中，我们将深入探讨如何使用jQuery实现全选和全不选的功能。jQuery是一个流行的JavaScript库，它提供了丰富的API来简化DOM操作、事件处理和动画效果。在这个示例中，我们将关注事件绑定和复选框状态的管理。 ...
下面我们将详细讨论如何使用jQuery实现CheckBox全选和全不选的功能。 首先，我们需要在HTML页面中设置一个主Checkbox，通常标记为全选（CheckAll），以及一组子Checkbox，代表具体的选项。这些子Checkbox通常会有一...
本文所介绍的方法是基于jQuery实现的，通过脚本对checkbox进行操作，实现全选和全不选的控制。它的核心思想是通过操作DOM元素属性来达到控制复选框状态的目的。 #### 2. 全选方法的实现背景 在常规的全选实现中，...
总结一下，这个示例展示了如何使用 jQuery 实现全选和全非选功能，并获取选中复选框的值。在实际项目中，你可以根据自己的需求进行相应的调整和优化，例如添加对多页数据的支持，或者处理更复杂的逻辑。
总的来说，通过JavaScript，我们可以轻松地为复选框列表添加全选和全不选功能，提高用户在网页交互中的便捷性。在实际开发中，还可以考虑优化代码，比如使用类库如jQuery简化DOM操作，或者使用现代JavaScript特性...