`
dtt3401885
  • 浏览: 17987 次
文章分类
社区版块
存档分类
最新评论

js页面复选框

 
阅读更多
<td colspan="6"><strong>事件状态:</strong>
        <input type="checkbox" value="" onClick="selectAll(this.checked)" style="border:0; background:none;"/>
        &nbsp;<strong>全选</strong>
<g:if test="${state != null }"> &nbsp;<input style="border:0; background:none;" type="checkbox" name="state" value="${UEvent.STATE_NEW }" <g:if test="${Arrays.binarySearch(state, UEvent.STATE_NEW) >= 0}">checked="checked"</g:if> />&nbsp;<strong>

<script>
<input type="checkbox" value="" onClick="selectOther()" style="border:0; background:none;"/>
        &nbsp;<strong>反选</strong> &nbsp;
        <g:hiddenField name="eventMark" value="${eventMark}"/>
        <input type="submit" class="searchb" value="搜索" /></td>

function selectAll(checked){
var ss = document.getElementsByName('state');
for(var i = 0, length = ss.length;i < length; i++){
if(checked){
ss[i].checked='checked';
}else{
ss[i].checked= false;
}
}
}
function selectOther(){
var ss = document.getElementsByName('state');
for(var i = 0, length = ss.length; i < length; i++){
if(ss[i].checked){
ss[i].checked = false;
}else{
ss[i].checked='checked';
}
}
}</script>1
分享到:
评论

相关推荐

    带复选框JS树,JS带复选框的列表,很好用

    在构建"带复选框的JS树"时,开发者通常会利用JavaScript来实现树的展开/折叠、复选框状态的同步以及与其他组件的交互等功能。 为了实现这个功能,开发者通常会使用现有的JavaScript库,如jQuery、Angular、React等...

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    javascript复选框实现批量选择

    JavaScript 复选框实现批量选择 在开发过程中,经常会遇到对查询列表中的记录进行批量操作的情况,例如批量删除、批量编辑等。实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后...

    js翻页复选框状态保存

    ### js翻页复选框状态保存 在网页开发过程中,特别是在使用JSP(Java Server Pages)进行后端处理的应用场景下,保持用户界面的一致性和交互性是非常重要的。本篇文章将详细探讨如何通过JavaScript实现一个功能:即...

    js限制复选框选择个数

    本文将深入探讨如何使用JS限制复选框(checkbox)的选择个数,这是一个实用的功能,允许开发者自由定义用户最多可以选择多少个选项。 ### 核心知识点 #### 1. JS限制复选框选择个数的实现原理 在提供的代码片段中...

    js控制复选框全选、全不选

    在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

    js实现复选框和单选框的选择

    ### JavaScript 实现复选框与单选按钮的选择控制 在Web开发中,处理表单元素是前端开发人员经常遇到的任务之一。其中,复选框(checkbox)和单选按钮(radio button)是非常常见的输入类型,用于收集用户的选择数据...

    js获取复选框选中项的值

    在探讨如何使用JavaScript(简称JS)来获取复选框(checkbox)选中项的值之前,我们首先需要理解复选框的基本概念以及它在网页表单中的作用。复选框是一种常用的HTML元素,用于允许用户从多个选项中选择一个或多个...

    js 实现选一个复选框 可以实现其他很多复选框同时选中

    在本文中,我们将探讨如何利用JavaScript(简称JS)和jQuery框架来实现一个实用的功能:通过选择一个主复选框来控制其他多个复选框的状态以及关联文本框的显示与隐藏。该功能在用户界面设计中非常常见,尤其是在表单...

    jsp/html 实现下拉复选框

    下拉复选框通常由HTML的`&lt;select&gt;`元素与`&lt;option&gt;`子元素配合使用,而为了实现更丰富的交互效果,我们可能还会涉及到JavaScript(js)和CSS(css)的运用。在这个项目中,包含的`TestPublicUserManageNew.html`是主...

    复选框变单选框

    这通常涉及到对页面元素的动态控制和逻辑处理,确保在用户选择某个复选框时,同一组内的其他复选框自动变为未选状态,从而模拟出单选按钮的效果。 ### 技术实现细节 #### 1. DOM操作 DOM(Document Object Model...

    JavaScript复选框相关函数

    在JavaScript中,复选框(Checkbox)是一种常用的用户界面元素,允许用户选择一个或多个选项。复选框的处理涉及到多种函数,特别是当涉及到“全选”和“全不选”功能时,这些函数就显得尤为重要。下面我们将深入探讨...

    微信小程序实现复选框效果

    微信小程序实现复选框效果的知识点主要包括以下几个方面: 1. 微信小程序的数据绑定和事件处理机制:在微信小程序中,通过数据绑定,可以将页面上的元素与JavaScript中的数据对象绑定,实现动态显示数据。事件处理...

    js实现全选的复选框

    在JavaScript中,我们可以实现复选框的全选功能,使得用户只需点击一个主复选框,就能控制页面上所有关联复选框的状态。这种功能在表格数据筛选、多选项设置等场景中非常常见。 一、HTML基础 首先,我们需要在HTML...

    复选框的左右移动

    在复选框左右移动的实现中,jQuery的主要作用是处理用户交互和动态更新页面元素。 1. **复选框布局**:在页面上,我们需要创建两个容器,一个代表“已选权限”(左侧),另一个代表“可选权限”(右侧)。每个容器...

    jquery 、js实现复选框 (全选、反选)

    ### 使用jQuery和JavaScript实现复选框的全选与反选功能 在Web开发中,复选框(checkbox)是常用的一种交互元素,特别是在表格或列表中用于选择多个项目时非常实用。本文将详细介绍如何利用jQuery和原生JavaScript...

    超炫的复选框效果源码

    6. **事件处理**:使用JavaScript或者jQuery处理复选框的点击事件,可能包括批量选中、反选等功能,增加复选框的实用性。 7. **复选框组**:在网格布局中,可能会有多个复选框组成一个组,实现联动或互斥的效果,...

    非常简单的下拉复选框

    本文将深入探讨一种名为“非常简单的下拉复选框”的JavaScript插件,该插件旨在简化开发过程,提高用户界面的易用性。 一、下拉复选框的基本概念 下拉复选框是HTML表单中的一个交互元素,它通常由一个可点击的下拉...

    JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2 .0

    在本项目"JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2.0"中,我们将探讨如何利用JavaScript实现对复选框(checkbox)的全选、反选功能,并获取选中的复选框的值。这些功能在用户界面中常见于批量...

    javascript下拉多选框复选框

    在JavaScript编程中,下拉多选框和复选框是常见的用户交互元素,它们用于收集用户的多选项选择信息。在本项目中,我们探讨的是如何使用纯JavaScript实现一个功能丰富的下拉多选框,而不是依赖于像jQuery这样的库,...

Global site tag (gtag.js) - Google Analytics