<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>HTML5</title>
</head>
<body>
<form action="">
<input class="h5course-com" id="h5courseCom1" type="checkbox" />
<label for="h5courseCom1">HTML5学堂，一个神奇的网站</label>
<input class="h5course-com" id="h5courseCom2" type="checkbox" checked/>
<label for="h5courseCom2">h5course-com</label>
<input class="h5course-com" id="h5courseCom3" type="checkbox" />
<label for="h5courseCom3">h5course-cn</label>
<input class="h5course-com" id="h5courseCom4" type="checkbox" />
<label for="h5courseCom4">h5course-cn</label>
<input class="h5course-com" id="h5courseCom5" type="checkbox" checked/>
<label for="h5courseCom5">h5course-cn</label>
</form>
<script src="jquery-1113minjs" type="text/javascript"></script>
<script type="text/javascript">
alert('选中了这么多个：' + $('input[type=checkbox]:checked')length);
</script>
</body>
</html>
看看上面的案例，引入jQuery，可以直接运行看效果。
这个你直接这样获取就可以
$("#roleId")val()//获取name的值即可。如果在后台的表单获取的话也是这样，你只要获取这个值就行。我在这里以Struts2里面获取form表单对象的为例：
private String roleId；
public void setRoleId(String roleId) {
thisroleId = roleId;
}
public String getRoleId() {
return thisroleId;
}把他的name定义为Action的一个属性，提供set
get
方法即可获取值，简单好用。不需要那么麻烦
思路：获取选中项目，然后使用next()方法获取选中项后放置文字的对象，最后使用text()或html()方法获取文字的内容。实例演示如下:
1、HTML结构
<input type="checkbox" name="test"><span>李子</span>
<input type="checkbox" name="test"><span>栗子</span>
<input type="checkbox" name="test"><span>梨子</span>
<input type="checkbox" name="test"><span>荔枝</span>
<input type="button" value="提交">
2、jquery代码
$(function(){
$("input[type='button']")click(function() {
str = $("input:checkbox[name='test']:checked")next()text();
alert(str);
});
});
3、效果演示
通过选择器 “：checked”和“is”来判断，匹配所有选中的被选中元素(复选框、单选框等，select中的option)，但对于select元素来说，获取选中推荐使用 :selected，用法:
if($('[name=gender]:eq(0)')is(':checked')) { alert('提示信息') }
这里主要是对于表单属性选择器的运用，中列表了一部分，另外还有not、:animated、:focus等，更多可以参考jquery api资料，会有详细叙述（百度搜索jquery api即可找到）
下面是一个关于问题的示例：
<input type="checkbox" name="gender" value=0 onclick="if($('[name=gender]:eq(0)')is(':checked')) { alert('提示信息'+thisvalue) }">
1、首先用hbuilder编辑器新建一个html文件，里面设置一个input框并设置它的tpye属性为checkbox，设置name属性为checkbox，同时在上方设置一个bgred的样式备用：
2、然后在下方引入Jquery库，首先获取checkbox的dom元素，给它一个点击事件，然后判断checkbox有没有被选中，如果选中就添加上一步设置好的css样式，否则则删除样式：
3、最后来到浏览器，可以看到一个checkbox框，点击将它选中：
4、点击之后checkbox的颜色就改变了：
Jquery获取 check所有选中的值
var pausedCause = '';
$(":checkbox[name='pausedCause'][checked]")each(function(){
pausedCause += thisvalue + ',';
})
pausedCause = pausedCausesubstring(0,pausedCauselength-1);
以上就是关于jquery怎么获取多个被选中的checkbox全部的内容，包括:jquery怎么获取多个被选中的checkbox、如何用JQuery实现获取checkbox选中的那一行的input中的值、怎么获取checkbox被选中的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）