`
wenson
  • 浏览: 1053520 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

checkBoxh或者multiple的全选代碼總結

阅读更多
有很多人不知道在多选框或者multiple中全选怎么编写代码。最近做一個項目學習總結了一下——
<script language="javascript">
//代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮
   function selectAll()
   {
for (var i=0;i<document.form1.memberId.length;i++) {
var temp=document.form1.memberId[i];
temp.checked=!temp.checked;
}
   if (document.form1.selectButton.value=="全部选择")
   {
     document.form1.selectButton.value="取消全选";
   }
   else
   {
     document.form1.selectButton.value="全部选择";
   }
}
</script>
复选框(一个例子)
<input name="memberId" type="checkbox" value="复选框值">
全选按钮:
<input type="button" name=selectButton value="全部选择" onClick="selectAll()" style="cursor:hand;">

同理,如果是multiple的話,只要把selectAll()函數中的temp.checked=!temp.checked改成temp.selected=!temp.selected就可以了
分享到:
评论

相关推荐

    js multiple全选与取消全选实现代码

    总结一下,实现JS中的全选和取消全选功能,可以使用`jQuery`或者原生JavaScript,主要涉及`&lt;select&gt;`元素的`&lt;option&gt;`子元素的`selected`属性的控制。在实际应用中,还可以结合其他事件如`click`、`checkbox`等来...

    JQ 最少代码实现全选和不全选

    总结,通过jQuery实现全选和不全选功能是网页开发中的常见需求,通过理解和运用相关API,可以有效地提高用户体验。结合实际项目需求,开发者还可以扩展这个功能,比如添加缓动效果、处理异步数据加载等情况。

    全选、全不选功能代码

    ### 全选、全不选功能代码解析 在前端开发中,实现用户界面与用户交互是十分重要的一个环节。特别是对于包含多个复选框(checkbox)的表单来说,提供“全选”、“全不选”及“部分选择”的功能可以极大地提升用户...

    JS简单表格列表全选反选代码.zip

    这个功能在数据管理、表单处理等场景中十分常见,比如在批量操作数据时,用户可以通过全选按钮一次性选择所有行,或者通过反选取消部分选择。 首先,我们需要了解JavaScript中的DOM(Document Object Model)操作,...

    jQuery全选

    总结,jQuery全选是一个常见的前端交互功能,通过理解其工作原理和代码实现,我们可以轻松地在项目中集成这一功能,提高用户操作的便捷性。同时,随着前端技术的发展,现代框架如Vue、React等也有相应的解决方案,但...

    jQuery表格行全选反选单选代码

    jQuery表格行全选反选单选代码,例子采用bootstrap格式,可以选择自定义。

    android checkBox全选 反选

    在Java代码中,我们可以通过findViewById()方法获取到CheckBox对象,然后设置它的状态(选中或未选中): ```java CheckBox checkBox = findViewById(R.id.checkbox_item); checkBox.setChecked(true); // 设置为...

    购物车全选实现

    在数据库设计中,可以为每个购物车项添加一个选中状态字段,或者在用户购物车表中添加一个全选标志,当这个标志为真时,表示所有商品都已被选中。 此外,还需要考虑反向操作,即当用户取消全选时,也需要更新所有...

    GridView全选实现代码

    ### GridView全选功能实现 在Web开发中,尤其是在ASP.NET Web Forms中,处理表格数据时经常需要用到`GridView`控件。对于需要用户选择表格中某一行或多行数据的应用...或者在全选操作后触发其他事件,如批量删除等。

    Jquery CheckBox全选方法代码附js checkbox全选反选代码

    在jQuery库的帮助下,这个任务变得非常简单和直观,正如标题“Jquery CheckBox全选方法代码附js checkbox全选反选代码”所示。这里我们将详细讲解如何使用jQuery实现全选和反选的功能,并对比JavaScript的实现方式。...

    原生JS表格列表全选反选代码.zip

    这个"原生JS表格列表全选反选代码"就是一个解决此类问题的示例。下面将详细介绍这个示例中涉及的关键知识点。 1. **HTML表格(`&lt;table&gt;`)**: HTML表格是网页中用于组织数据的基本元素,由`&lt;table&gt;`、`&lt;tr&gt;`(行...

    复选框全选全不选JS代码

    本文将深入探讨“复选框全选全不选JS代码”的实现原理、应用场景以及如何优化这段代码,以便开发者能够更好地理解和运用到实际项目中。 ### 复选框全选与全不选的概念 复选框(Checkbox)是Web表单中常见的元素,...

    JQuery实现checkbox的全选取消全选

    ### 三、实现全选与取消全选的jQuery代码解析 #### 1. 初始化函数`$(function() {...})` 此函数确保所有DOM元素加载完成后才执行其中的代码,这是处理DOM操作的基本模式。 #### 2. 处理全选按钮的点击事件 ``` $...

    GridView 单选和全选功能以及全选操作和取消全选

    在很多场景下,我们可能需要为GridView添加单选、多选以及全选和取消全选的功能,比如在图片选择器或者列表设置中。下面我们将详细探讨如何实现这些功能。 1. **GridView的基本使用** GridView继承自AbsListView,...

    jquery checkbox全选、取消全选实现代码

    ### jQuery 实现 Checkbox 全选与取消全选 在网页开发中,经常需要用到表单元素中的复选框(checkbox)来收集用户的选择信息。当页面中有多个复选框时,通常还需要提供“全选”和“取消全选”的功能,以便用户能够...

    js实现全选效果

    在上述代码中,`#selectAll` 是全选控制复选框,`.itemCheckbox` 是需要全选/取消的子项复选框。 接下来,我们需要用JavaScript监听全选复选框的`click`事件,然后根据其状态改变子项复选框的状态。这里我们可以...

    微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能

    wxml关键代码 重要代码 value={{item.goods_id}} --&gt;checkbox被选中的值就是这个goods_id checked={{item.checked}} --&gt;checked代表选中与否 ,ture选中,false未选中 //删除购物车商品的按钮 删除&lt;/

Global site tag (gtag.js) - Google Analytics