jquery怎样获取多个复选框的值

jquery怎样获取多个复选框的值,第1张

可以参考下面的代码:

$(document)ready(function(){

varchecked=[];

$("#submitButton")click(function(){

$('input:checkbox:checked')each(function(){

checkedpush($(this)val());

});

alert(checked);

});

});

扩展资料:

jquery参考函数

$(”元素名称”)html(”<b>new stuff</b>”); 给某元素设置内容 

$(”元素名称”)removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值 

$(”元素名称”)removeClass(”class”) 给某元素删除指定的样式 

$(”元素名称”)text(); 获得该元素的文本 

$(”元素名称”)text(value); 设置该元素的文本值为value

参考资料来源:百度百科-jQuery

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>

<li><input type="checkbox" name="test" />看电视</li>

<li><input type="checkbox" name="test" />看**</li>

<li><input type="checkbox" name="test" />上网</li>

<li><input type="checkbox" name="test" />爬山</li>

<li><input type="checkbox" name="test" />游乐场</li>

<li><input type="checkbox" name="test" />逛街</li>

<li><input 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,包括创建和修改等。

基于Nodejs技术进行服务器端编程。

我有一种方法,但是不知道是不是解决了你的问题,

在dw中,建立两个页面formasp和xianshiasp

接下来在formasp这个页面插入一个表单form1,选择action为xiangxiasp

在表单form1里插入几个复选框,举个例子,只插入两个复选框,name分别为“cb1”和"cb2",具体代码如下:

<form name="form1" method="post" action="xianshiasp">

<input name="cb1" type="checkbox" id="cb1" value="个人">

个人<input name="cb2" type="checkbox" id="cb2" value="企业">

企业<input type="submit" name="button" id="button" value="提交">

</form>

在xianshiasp中使用

<%= ResponseWrite(requestform("cb1")) %>

<%= ResponseWrite(requestform("cb2")) %>

这样,在你从form1asp中选择复选框并点击提交后,就会在xianshiasp中显示出来了。

注明,不要看到代码,就头痛,这些代码是你用DW *** 作的时候自己生成的,为了学好,最好要熟悉一下这些代码,这样会对你有很多帮助的

肯定不能这么做,用户要是执行了排序之类的 *** 作这个编号就乱了。数据绑定的时候,就把id带过来绑定到一个列里面,如果你不想显示这个id,就将这一列隐藏,然后需要调用的时候直接取这个id的值就好。

//

您这问题比模糊确认一下需求吧,

复选框子元素输入框的内容是什么?

点击事件中取得复选框选中的单元格值

var products = [];

var ordernums = [];

var ordernums1 = [];

var $span = $('fr-checkbox-checkon'); //获取选中的复选框

var $tds = $("td")has($span); //定义选中复选框的单元格

var $trs = $("tr")has($tds);

for(var i=0; i<$trslength;i++){

var product = $("td:eq(2)",$($trs[i]))html(); //获取选中行第二个单元格的值

productspush(product); //将选中的值放到数组中

var ordernum = $("td:eq(3)",$($trs[i]))html(); //获取选中行的第3个单元格的值

ordernumspush(ordernum);

var ordernum1 = $("td:eq(6)",$($trs[i]))html(); //获取选中I行的第6个单元格的值

ordernums1push(ordernum1);

}

alert(products + ";" + ordernums + ";" + ordernums1);

————————————————

js:

//js获取复选框值

var obj = documentgetElementsByName("interest");//选择所有name="interest"的对象,返回数组

var s='';//如果这样定义var s;变量s中会默认被赋个null值

for(var i=0;i<objlength;i++){

if(obj[i]checked) //取到对象数组后,我们来循环检测它是不是被选中

s+=obj[i]value+','; //如果选中,将value添加到变量s中

}

jquery:

//jquery获取复选框值

var chk_value =[];//定义一个数组

$('input[name="interest"]:checked')each(function(){//遍历每一个名字为interest的复选框,其中选中的执行函数

chk_valuepush($(this)val());//将选中的值添加到数组chk_value中

});

在实际应用中,偶尔会用到复选框checkbox的值,那么如何获取它的值呢?本文接下来会介绍使用js获取复选框值,需要的朋友可以了解下

<script>

function checkbox()

{

var str=documentgetElementsByName("box");

var objarray=strlength;

var chestr="";

for (i=0;i<objarray;i++)

{//欢迎来到脚本之家,很好记,脚本之家,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。

if(str[i]checked == true)

{

chestr+=str[i]value+",";

}

}//欢迎来到脚本之家,很好记,脚本之家,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。

if(chestr == "")

{

alert("请先选择一个爱好~!");

}

else

{

alert("您先择的是:"+chestr);

}

}

</script>

<a href="<#ZC_BLOG_HOST#>">脚本之家</a>,站长必备的高质量网页特效和广告代码。zzjsnet,站长js特效。<hr>

<!--欢迎来到脚本之家-->

选择您的爱好:

<input type="checkbox" name="box" id="box1" value="跳水" />跳水

<input type="checkbox" name="box" id="box2" value="跑步" />跑步

<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐

<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于jquery怎样获取多个复选框的值全部的内容,包括:jquery怎样获取多个复选框的值、js怎么取得name=checkbox[]的复选框选中个数、asp怎么获取复选框的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9815624.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存