jquery获取复选框选中的值,js如何获取复选框选中的值
js怎么取得name=checkbox[]的复选框选中个数
1、获取复选框被选中值
input type="button" id="btn5" value="获得选中的所有值"
input type="text" name="dd" id="dd" size="50" /
$("#btn5").click(function(){
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+",";
})
$("#dd").val(str)
})
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数,需要用到jQuery的size()方法或length属性,下面的例子是通过length属性获得checkbox选中项的个数
ul
liinput type="checkbox" name="test" /看电视/li
liinput type="checkbox" name="test" /看电影/li
liinput type="checkbox" name="test" /上网/li
liinput type="checkbox" name="test" /爬山/li
liinput type="checkbox" name="test" /游乐场/li
liinput type="checkbox" name="test" /逛街/li
liinput type="checkbox" name="test" /聚会/li
/ul
p
input type="button" id="count" value="有多少CheckBox被选中了?" /
script type="text/javascript"
$(document).ready(function(){
$('input[type=checkbox]').click(function(){
$(this).attr('disabled','disabled');
if($("input[name='test']:checked").length = 3)
{ $("input[name='test']").attr('disabled','disabled');}});
$("#count").click(function(){$('input').live('click',function(){ ? ?
alert($('input:checked').length);
});})})
/script
效果如图:
扩展资料:
JS日常用途
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies,包括创建和修改等。
基于Node.js技术进行服务器端编程。
jquery / js 获取当前操作(选中或取消选择)的checkbox的值
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title测试复选框中未选中的值 a href=''u站长学院/u/a 代码特效 ;/title
script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"/script
script type="text/javascript"
$(document).ready(function(){
$("#test").click(function(){
$("input[@type=checkbox]").not("[@checked]").each(function(i){
alert(this.value);
});
});
});
/script
/head
body
input type="button" value="测试没选中的" id="test"
input type="checkbox" id="a" checked="checked" value="1"/1
input type="checkbox" id="b" checked="checked" value="2"/2
input type="checkbox" id="c" value="3"/3
/body
/html
jquery如何取得页面有多少选中的checkbox?
通过jquery过滤器:checked方式获取所有选中的checkbox
1、定义页面checkbox框,代码如下:
body
input type='checkbox'/
input type='checkbox'/
input type='checkbox'/
/body
2、通过jquery过滤器选择选中的checkbox,代码如下:
var chks=$("input:checked");//获取所有选中的checkbox,chks是一个元素数组
3、通过chks的长度知道多少被选中,代码如下:
var len = chks.length;//选中的checkbox数量
扩展资料
jQuery语言的特点:
1、快速获取文档元素
jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。
2、提供漂亮的页面动态效果
jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。
3、创建AJAX无刷新网页
AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。
4、提供对JavaScript语言的增强
jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。
5、增强的事件处理
jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。
6、更改网页内容
jQuery可以修改网页中的内容,比如更改网页的文本、插入或者翻转网页图像,jQuery简化了原本使用JavaScript代码需要处理的方式。
参考资料:百度百科-jQuery
请问:如何用jQuery取得checkboxlist组/RadioButtonList组选中的值
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title/title
!-- 引入jQuery --
script src="../scripts/jquery-1.3.1.js" type="text/javascript"/script
script
$(function(){
//全选
$("#CheckedAll").click(function(){
if(this.checked){ //如果当前点击的多选框被选中
$('input[type=checkbox][name=items]').attr("checked", true );
}else{
$('input[type=checkbox][name=items]').attr("checked", false );
}
});
$('input[type=checkbox][name=items]').click(function(){
var flag=true;
$('input[type=checkbox][name=items]').each(function(){
if(!this.checked){
flag = false;
}
});
if( flag ){
$('#CheckedAll').attr('checked', true );
}else{
$('#CheckedAll').attr('checked', false );
}
});
//输出值
$("#send").click(function(){
var str="你选中的是:\r\n";
$('input[type=checkbox][name=items]:checked').each(function(){
str+=$(this).val()+"\r\n";
})
alert(str);
});
})
/script
/head
body
form
你爱好的运动是?input type="checkbox" id="CheckedAll" /全选/全不选br/
input type="checkbox" name="items" value="足球"/足球
input type="checkbox" name="items" value="篮球"/篮球
input type="checkbox" name="items" value="羽毛球"/羽毛球
input type="checkbox" name="items" value="乒乓球"/乒乓球br/
input type="button" id="send" value="提 交"/
/form
/body
/html
jquery中怎样获得多选框中,被选择的个数?
获取 checkbox的选中个数可以直接使用如下jquery语法
$("input[type='checkbox']:checked").length;
实例演示如下
创建Html元素
div?class="box"
span点击按钮获取选中个数:/spanbr
div?class="content"
input?type="checkbox"?name="test"?萝卜
input?type="checkbox"?name="test"?青菜
input?type="checkbox"?name="test"?小葱
input?type="checkbox"?name="test"?豆腐
input?type="checkbox"?name="test"?土豆
/div
input?type="button"?class="btn"?value="获取被选择个数"
/div
设置css样式
div.box{width:300px;height:250px;padding:10px?20px;margin:20px;border:4px?dashed?#ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px?0;padding:5px?20px;border:2px?solid?#ff6666;}
input[type='checkbox']{margin:5px?10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px?solid?#ebbcbe;}
编写jquery代码
$(function(){
$("input:button").click(function()?{
alert($("input[type='checkbox']:checked").length);
});
})
观察效果
jquery得到选中复选框的自定义属性
attr(name)//获取属性的值,比如你获得了选中复选框的对象了,在后边加上attr("nameNo");