首页 > Web开发 > 详细

jquery checkbox radio 标签选中的3种方法

时间：2017-03-31 00:43:32 阅读：261 评论：0 收藏：0 [点我收藏+]

标签：filter keyword type bar jquery href word log 复制

张映发表于 2013-07-16

分类目录： js/jquery

标签：checkbox, jquery, radio, 选中

jquery 很灵活，checkbox radio标签选中的方法有很多，在这儿就例举三个常用的方法。

一，测试html

查看复制打印 ?

<div style="margin-top:150px;">
<input type=‘checkbox‘ name=‘test[]‘ class=‘checkbox‘ value=‘checkbox1‘>checkbox1
<input type=‘checkbox‘ name=‘test[]‘ class=‘checkbox‘ value=‘checkbox2‘>checkbox2
<input type=‘checkbox‘ name=‘test[]‘ class=‘checkbox‘ value=‘checkbox3‘>checkbox3
</div>
<div style="margin-top:50px;">
<input type="radio" name="test1" value = "radio1" class=‘radio‘ >radio1
<input type="radio" name="test1" value = "radio2" class=‘radio‘ >radio2
<input type="radio" name="test1" value = "radio3" class=‘radio‘ >radio3
</div>

二，checkbok,radio选中

方法1，

查看复制打印 ?

//这二个方法属于一类
$(‘.checkbox:checked‘);
$(‘input[type^=checkbox]:checked‘);

方法2，

查看复制打印 ?

$(‘.checkbox‘).filter(‘:checked‘);

方法3

查看复制打印 ?

$(‘.checkbox‘).each(function(){
if($(this).is(":checked")){
alert($(this).val()+": is checked");
}else{
alert($(this).val()+": is not checked");
}
})

将上面的.checkbox换成.radio，就可以判断radio标签的选中了

jquery checkbox radio 标签选中的3种方法

标签：filter keyword type bar jquery href word log 复制

原文地址：http://www.cnblogs.com/huangshikun/p/6649127.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！