jquery获取复选框的值
勾选checkbox,并把勾选的值显示在某个div中
<!DOCTYPE html >
<html>
<head>
<meta charset="UTF-8">
<title> 获取爱好 </title>
<meta http-equiv = "content-type" content ="text/html;charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
//全选
$("input[name='quanxuan']").click(function(){
$("input[type='checkbox']").attr("checked","checked");
}); //取消
$("input[name='quxiao']").click(function(){
$("input[type='checkbox']").removeAttr("checked");
});
//查看我的爱好
$("input[type='button']").click(function(){
//获取所有checkbox
var str="";
$("input[type='checkbox']:checked").each(function(){
str +=$(this).val()+"<br/>";
$("#text").html(str); }); });
}) </script>
</head> <body>
<form id="myForm">
<h3>选择你的爱好:</h3>
<ul id="hobby">
<li><input type="checkbox" value="音乐" />音乐</li>
<li><input type="checkbox" value="登山" />登山</li>
<li><input type="checkbox" value="游泳" />游泳</li>
<li><input type="checkbox" value="阅读" />阅读</li>
<li><input type="checkbox" value="打球" />打球</li>
<li><input type="checkbox" value="跑步" />跑步</li>
<li><input type="checkbox" value="其他" />其他</li>
</ul>
<input type="button" name="quanxuan" value="全选"/>
<input type="button" name="quxiao" value="全取消"/>
<hr/> <ul>
<li><input type="button" value="查看我选择的爱好" /></li>
</ul>
<p id="text"></p> </form>
<script type="text/javascript"> </script> </body>
</html>
jquery获取复选框的值的更多相关文章
- 《jquery权威指南2》学习笔记------ jquery获取复选框的值
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- jquery获取复选框checkbox的值
jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的optio ...
- jquery 获取一组元素的选中项 - 函数、jquery获取复选框值、jquery获取单选按钮值
做表单提交时,如果现在还在用form提交,用户体验很差,所以一般使用ajax提交. 其中需要获取每个表单输入元素的值,获取的时候像文本框这些还好说,Jquery提供了 .val() 方法,获取很方便, ...
- 获取url中的参数\+发送ajax请求根路径|+获取复选框的值
//获取url中的参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=( ...
- 使用js获取复选框的值,并把数组传回后台处理,过程使用的是Ajax异步查询
这是界面代码: function shua(){ var id_array=new Array(); $('input[id="checkAll& ...
- jquery获取复选框(checkbox)的选中值(一组和单个)
使用jquery获取一组或者单个checkbox的选中状态的值.下面通过一个示例进行说明,假设现有一页面有一组checkbox的name的值为id,那么获取这组name=id的checkbox的值的方 ...
- jQuery获取复选框选中的每一个值
$('input[name="serviceMode"]:checked').each(function(){ this.attr('value') });
- jquery获取复选框
Html代码: <input type="checkbox" name="chekItem" /> checkbox1 <br /> & ...
- 原生js获取复选框的值
obj = document.getElementsByName("dk_tj"); var longtxt = ""; for (k in obj) { ...
随机推荐
- python2.1-原理之琐碎技巧
本系列依据<python学习手册第四版>而写,也算是个学习笔记吧,选择本书的原因在于它不同于第三版,它强调介绍python3.0 ,而会在不同的地方给出2.6版本的区别,:本书侧重介绍原理 ...
- hibernate Expression详解
关键字: hibernate expression hibernate Expression详解Expression.gt:对应SQL条件中的"field > value " ...
- 深入理解OOP(四): 多态和继承(抽象类)
在本文中,我们讨论OOP中的热点之一:抽象类.抽象类在各个编程语言中概念是一致的,但是C#稍微有些不一样.本文中我们会通过代码来实现抽象类,并一一进行解析. 深入理解OOP(一):多态和继承(初期绑定 ...
- 利用ZTree链接数据库实现 [权限管理]
最近想研究权限管理,看群里有人发了ZTrees模板,我看了下,觉得笔easyUI操作起来更灵活些,于是就开始研究了. 刚开始从网上找了找了个Demo,当然这个并没有实现权限啥的,但实现了前台调用Aja ...
- ajax 跨域提交数据
$.ajax({ url:"http://my.demo.com/jsonp/server.php",//不同域的文件; cache: false, //是否使用缓存; error ...
- Using LINQ to SharePoint
LINQ and LINQ Providers LINQ is a feature of the programming languages C# and Microsoft Visual Bas ...
- jquery渐渐的显示、隐藏效果
<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title& ...
- [Bundling and Minification ] 一、如何绑定
绑定和压缩(缩小)是ASP.NET 4.5出现的用来提高程序性能的两个重要的技术.绑定(Bundling)是将多个文件合并为一个文件,压缩(Minification)主要是将文件缩小,如Js .CSS ...
- Redis系列(4)_持久化方式-RDB
一.概念 在指定的时间间隔内将内存中的数据集快照写入磁盘(满足指定时间间隔和操作次数两个条件),也就是行话讲的Snapshot快照,它恢复时是将快照文件直接读到内存里 二.配置文件(redis.con ...
- Linux_脚本安装包(以Webmin的安装为例)
1.Webmin下载地址:https://sourceforge.net/projects/webadmin/files/webmin/ 版本使用1.820 2.解压Webmin ...