转载:https://blog.csdn.net/huakaiba/article/details/78026430
使用 jquery 获取一组或者单个 checkbox 的选中状态的值。下面通过一个示例进行说明,
假设现有一页面有一组 checkbox 的 name 的值为 id ,那么获取这组 name=id 的checkbox的值的方法如下:
Js代码:
var id_array=new Array();
$('input[name="id"]:checked').each(function(){
id_array.push($(this).val());//向数组中添加元素
});
var idstr=id_array.join(',');//将数组元素连接起来以构建一个字符串
alert(idstr);
另外 jquery 判断单个 checkbox 是否选中以及获取选中值的方法如下:
if($("#id").is(":checked")){//选中
alert($("#id").val());//打印选中的值
}
我自己的实现全选和删除所选:
<script type="text/javascript">
$(function(){
$("#select").click(function(){
//获取下面所有的 复选框并将其选中状态设置跟编码的前端 复选框保持一致。
//attr方法与JQ的版本有关,在1.8.3及以下有效。
//$("tbody input").attr("checked",this.checked);
$("tbody input").prop("checked",this.checked);
});
});
function delSelect(){
var isDel = confirm("您确认要删除吗?");
var pid_array = new Array();
if(isDel){
//要删除所有选项
$('input[id="selectone"]:checked').each(function(){
pid_array.push($(this).val());//向数组中添加元素
});
var pids=pid_array.join(",");
location.href = "${pageContext.request.contextPath}/adminDelProduct?pids="+pids;
}
}
</script>
网友评论