用JS得到checkbox所有勾上的checked

用JS得到checkbox所有勾上的checked,第1张

用var inputs = documentgetElementsTagName("input");

获取,得到数组,循环判断,取出满足下面条件的

inputs[i]type == "checkbox" && inputs[i]checked

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技术进行服务器端编程。

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存