`
段海波
  • 浏览: 318359 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery操作checkbox实现反选功能

jquery；checkbox；反选；全选 
阅读更多 

这个只是简单的页面装入的时候判断复选框的状态，如果没有选中的话则选中，要实现其他负责的功能，可在此基础上
增加就行
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$(":checkbox").each(function () { 
if ($(this).attr("checked")==false) { 
 $(this).attr({checked:true});
} 
}); 
});
</script>
</head>
<body>
<input type="checkbox" name="toilet" id="toilet1" value="反选复选测试">反选复选测试1</input>
<input type="checkbox" name="toilet" id="toilet2" value="反选复选测试">反选复选测试2</input>
<input type="checkbox" name="toilet" id="toilet3" value="反选复选测试">反选复选测试3</input>
<input type="checkbox" name="toilet" id="toilet4" value="反选复选测试">反选复选测试4</input>
<input type="checkbox" name="toilet" id="toilet5" value="反选复选测试">反选复选测试5</input>
</body>

</html>
 
分享到：
| 使用CXF作为WEBSERVICE的服务端,用AXIS进 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery、js操作checkbox全选反选.docx

    本文将详细介绍如何使用jQuery和纯JavaScript来实现Checkbox的全选与反选功能。 #### 二、基础知识回顾 ##### 1. Checkbox简介 Checkbox是一种允许用户进行多项选择的表单控件。每个Checkbox都有一个`checked`...

    Jquery实现全选和反选功能

    本教程将深入探讨如何使用jQuery实现全选和反选功能，这在多选列表或表格中非常常见，例如在批量处理数据时。 全选和反选功能的核心在于同步用户界面中的复选框状态。当用户点击一个主复选框（通常标记为“全选”）...

    jquery Checkbox 全选 反选 全不选 多种实现方法

    2. **反选功能** 反选操作与全选类似，但会改变所有复选框的选中状态。可以修改上面的代码实现反选： ```javascript $('#select-all').click(function() { $('input[type="checkbox"]').prop('checked', !this....

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中，我们关注的是如何使用jQuery来实现复选框（checkbox）的全选和反选功能，这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中，复选框通常由`&lt;input&gt;`标签定义，类型为...

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox，并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中，我们可以使用不同的选择器来选取页面上的checkbox元素。...

    3分钟写出来的Jquery版checkbox全选反选功能

    知识点一：Jquery基础 ...通过这篇文章，我们可以了解到Jquery的基本使用方法，以及如何使用Jquery来实现checkbox的全选和反选功能。虽然文章作者提到这个示例可能存在一些bug，但这并不影响我们从中学到的知识。

    Js/Jquery 实现checkbox全选，反选，全不选

    总结起来，使用JavaScript和jQuery实现checkbox的全选、反选和全不选功能，主要涉及到对DOM元素的操作，特别是复选框的选中状态控制。通过事件监听和属性修改，我们可以轻松地实现这些交互效果，提升用户体验。在...

    jquery实现checkbox全选、反选、全部选。精简写法

    jquery实现checkbox全选、反选、全部选，很不错的资源，欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...

    jquery 一个checkbox控制全选与反选

    页面上通过一个checkbox实现全选与反选

    js, jQuery实现全选、反选功能.docx

    在JavaScript和jQuery中，全选和反选功能是常见的交互设计，主要用于用户界面中的复选框操作。在表格、列表或者其他需要多选的场景中，全选和反选功能能够大大提高用户体验。以下将详细介绍如何使用JavaScript和...

    jquery checkbox全选反选效果代码

    知识点一：使用jQuery实现checkbox全选和反选功能 1. jQuery是一种快速、小巧、功能丰富的JavaScript库，它封装了JavaScript常用的功能代码，极大地简化了JavaScript的开发。 2. checkbox全选和反选是web开发中常见...

    checkbox实现全选和反选经典例子

    在高级控件如DataGridView中，通过结合Checkbox可以实现全选和反选功能，为用户提供便捷的操作方式。这个经典例子将深入探讨如何在Web应用中实现这一功能。 1. **Checkbox基本概念** Checkbox是HTML中的一个表单...

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

    首先，`jQuery表格行全选反选单选代码`的核心是实现表格中的复选框操作。当用户点击表格的行时，行内的复选框会被选中或取消选中，同时该行会呈现出高亮状态，以提供清晰的视觉反馈。这种功能在数据管理和筛选场景中...

    jquery实现全选、反选、获得所有选中的checkbox

    举了7个不同的checkbox状态，和大家一一分享。 1、全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2、取消全选（全不选） $("#btn2").click(function(){ $("input...

    jQuery实现checkbox列表的全选、反选功能

    本篇文章将详细探讨如何使用jQuery实现复选框列表的全选和反选功能，特别是如何通过自定义属性实现高效的封装。 首先，我们需要了解jQuery中的`:checkbox`选择器，它是用来选取所有复选框元素的。在给定的示例代码...

    jQuery的特效：反选

    本文将深入探讨如何利用jQuery来实现一个实用的功能——反选（即反转复选框的状态），并详细解析其背后的实现原理。 #### 一、理解“反选”的概念 “反选”是指在用户界面上，对某个或多个复选框进行状态切换，...

    JQuery实现checkbox的全/不全选，以及反选功能

    在本文中，我们将深入探讨如何使用jQuery来实现复选框（checkbox）的全选、全不选和反选功能。这些功能在表单处理、数据筛选等场景中非常常见。 首先，我们需要理解HTML中的复选框元素。`&lt;input type="checkbox"&gt;` ...

    Jquery全选反选Checkbox

    总结来说，"Jquery全选反选Checkbox"是一个提高用户体验的实用功能，通过jQuery的DOM操作和事件处理，我们可以轻松实现全选和反选的效果。而提供的压缩包资源则提供了具体的实现代码，便于开发者学习和使用。

Magicbox
Global site tag (gtag.js) - Google Analytics