jquery怎样获取checkbox中被选中的值

jquery怎样获取checkbox中被选中的值,第1张

不能选中设置disabled即可:

怎样使checkbox不能被选中,但是能通过jquery获取到他的值$(function

()

{

$("#chk1")attr("disabled",

"disabled");//不能被选中

$("#btnCheck")click(function

()

{

alert($("#chk1")val());//获取值

});});

当然跟执行顺序有关系

这要看你整体的代码怎么写了

如果没有异步的话,那你获取class=’class-flag‘的长度 这个代码得写在你的 $("class-list")append(string); 后面如果是异步的话,得等异步执行完之后,在success中写

当都选其中某几项时,如果需要给服务端ajax传递对应项的id值,该如何做呢?

思路应该是这样的:

①获取被勾选项(即checked的checkbox所在行)

②将id存在checkbox所在input的自定义属性中,如 data-id 中

③创建空数组,遍历被选中的checkbox所在行,获取对应的 data-id 值,存入数组中

④将存入的数组转化为字符串,并用逗号隔开(join(','))

获取 checkbox的选中个数可以直接使用如下jquery语法

$("input[type='checkbox']:checked")length;

实例演示如下

创建Html元素

<div class="box">

<span>点击按钮获取选中个数:</span><br>

<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样式

divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{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怎样获取checkbox中被选中的值全部的内容,包括:jquery怎样获取checkbox中被选中的值、jq 获取不到页面元素的值、jQuery获取表格中checkbox被选中一行的属性数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9283379.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存