<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="C:/Users/admin/Desktop/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
// 全选
$("#btnCheckAll").bind("click", function () {
$("[name = chkItem]:checkbox").attr("checked", true);
});
// 全不选
$("#btnCheckNone").bind("click", function () {
$("[name = chkItem]:checkbox").attr("checked", false);
});
// 反选
$("#btnCheckReverse").bind("click", function () {
$("[name = chkItem]:checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
});
// 全不选
$("#btnSubmit").bind("click", function () {
var result = new Array();
$("[name = chkItem]:checkbox").each(function () {
if ($(this).is(":checked")) {
result.push($(this).attr("value"));
}
});
alert(result.join(","));
});
});
</script>
</head>
<body>
<div>
<input name="chkItem" type="checkbox" value="今日话题" />今日话题
<input name="chkItem" type="checkbox" value="视觉焦点" />视觉焦点
<input name="chkItem" type="checkbox" value="财经" />财经
<input name="chkItem" type="checkbox" value="汽车" />汽车
<input name="chkItem" type="checkbox" value="科技" />科技
<input name="chkItem" type="checkbox" value="房产" />房产
<input name="chkItem" type="checkbox" value="旅游" />旅游
</div>
<div>
<input id="btnCheckAll" type="button" value="全选" />
<input id="btnCheckNone" type="button" value="全不选" />
<input id="btnCheckReverse" type="button" value="反选" />
<input id="btnSubmit" type="button" value="提交" />
</div>
</body>
</html>
分享到：
相关推荐
**jQuery date_input 日期插件详解** 在网页开发中，日期选择功能是非常常见的，例如在填写表单时的出生日期、预约日期等。jQuery date_input 插件是为了解决这个问题而设计的一个实用工具，它提供了用户友好的界面...
分享一个用纯 CSS3 实现的，漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果，始终显示标签label，并显示 placeholder（占位符）文本。 演示地址：...
**foo_input_sacd 插件详解** 在数字音频领域，SACD（Super Audio CD，超级音频CD）是一种高解析度的音频格式，为音乐爱好者提供了超越传统CD音质的体验。为了在个人电脑上播放SACD的ISO镜像文件，`foo_input_sacd`...
Android Input 事件获取机制 Android 操作系统中，input 事件是指用户与设备交互的过程，这包括 touch 事件、key 事件、鼠标事件等。了解 Android 获取 input 事件的机制，对于 Android 应用开发和设备驱动开发至关...
SPSS input SPSS inputSPSS input SPSS inputSPSS input SPSS input
本文将深入探讨如何使用C#语言，结合DirectInput技术来实现对手柄的操作，包括振动功能。 DirectInput是Microsoft DirectX库的一部分，主要用于获取高级游戏设备的数据，如键盘、鼠标以及游戏手柄等。它提供了一个...
解决layui的input独占一行的问题涉及了Web前端开发中的布局和CSS样式设置。layui是一个前端UI框架，它提供了一套简单易用的CSS和JS组件，被广泛应用于快速开发Web界面。然而在实际应用中，开发者可能会遇到一些布局...
标题中的"foo_input_sacd-0.5.11.zip"是一个软件的压缩包，版本号为0.5.11，"dsd"代表Direct Stream Digital，是高解析音频格式，专门用于Super Audio CD（SACD）的编码。"FOO-INOUT-SACD"可能是这个软件的项目代号...
为了使网站或应用对全球用户友好，我们需要将其文本翻译成目标语言，这就是“file input 按钮国际化”的目标。 实现这个功能的方法有多种，下面介绍几种常见的技术： 1. **使用HTML5的`lang`属性**：HTML5允许我们...
"antd-input-tag"是一个Antd中的组件，专门用于将用户在input框中输入的内容转化为可操作的tags，这种功能常见于标签管理系统或者输入筛选条件的场景。 Antd Input Tag组件的核心功能是将用户的连续输入截断成单独...
DirectInput是Microsoft DirectX库的一部分，主要用于游戏和其他实时交互应用程序，提供了一种高效的方式来获取键盘、鼠标和游戏控制器（如手柄）的输入。在本文中，我们将深入探讨如何使用DirectInput进行手柄编程...
在网页设计和开发中，创建用户友好的交互是至关重要的，而“点击input，弹出日期选择框”正是实现这一目标的一种常见方法。这个功能可以让用户方便地输入或选择日期，提高了数据输入的准确性和效率。下面我们将详细...
直接上代码： <!...<... <head>...input框中自动展示当前日期<... var _input = document.getElementById('input'); var date = new Date(); var seperator = /; var year = date.getFul
### 关于 INPUT type=file 的样式 在Web开发中，`<input type="file">` 元素被广泛用于让用户选择文件进行上传。然而，默认情况下，不同浏览器提供的文件输入框样式存在差异，这不仅影响了用户体验的一致性，还可能...
1.遇到问题： 需要做一个点击input弹出带搜索的键盘。...input @keyup.13=show() type="search" ref="input1"> show(){ this.$refs.input1.blur(); } 3.测试时发现ios无法弹出带搜索的键盘 解决： 给
假设我们有一个ID为"myInput"的input元素，我们可以这样为它赋值： ```javascript // 获取input元素 var myInput = document.getElementById('myInput'); // 给input元素赋值 myInput.value = '预设的值'; ``` 另...
在网页设计中，输入框（Input框）是用户与网站交互的重要元素，它允许用户输入数据。本资源提供了一种既美观又实用的输入框设计方法，支持通过CSS样式或图片来定制其外观，从而提升网页的用户体验和视觉吸引力。 ...
在前端开发中，"input file上传图片预览"是一个常见的需求，它允许用户选择本地的图像文件，并在上传前提供预览。这个功能在许多网站和应用中都很实用，例如社交媒体平台、在线编辑器或者个人资料设置等。下面将详细...
文章首先介绍了input元素值变化的不同监听方法，并详细解释了每种方法的工作原理、适用场景以及可能遇到的问题。 首先，文章提及了onchange事件。onchange事件是传统的监听输入框值变化的方法，它在元素失去焦点，...
### 如何将input type=file显示的“浏览”变成英文的 在网页开发中，经常会遇到需要用户上传文件的情况。默认情况下，HTML中的`<input type="file">`元素的“浏览”按钮通常会显示为系统语言，对于英文界面的需求，...