提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

jQuery分别获取选中的复选框值的示例

jQuery 获取 示例 选中 分别 复选框
2023-06-13 09:15:28 时间
复制代码代码如下:

functionjqchk(){//jquery获取复选框值
vars="";
$("input[name="aihao"]:checked").each(function(){
s+=$(this).val()+",";
});

点击“提交”后，可以得到正确的选择值了，但是后面多一个,(英文逗号)，这个可以检测一下再用substring去除，或者获取到复选框选择值后一般都要转成数组再使用的，所以也可以在转成数组后，去除最后一个数组元素。
复制代码代码如下:

if(s.length>0){
//得到选中的checkbox值序列
s=s.substring(0,s.length-1);
}
alert(s==""?"你还没有选择任何内容！":s);
}
</script>

直接上代码,主要是获取checkbox值的方法:将其放到数组中，然后连接成字符串
复制代码代码如下:
varchenked=$("input[type="checkbox"]:checked").val([]);
varnames="";
for(vari=0;i<chenked.length;i++){
names+=chenked[i].value+",";
}

可以更优雅一些：
复制代码代码如下:
vararr_v=newArray();

=$("input[type="checkbox"]:checked").each(function(){

arr_v.push(this.val());

});

arr_v.join(",");

即可以了
复制代码代码如下:
//此为重点,该句与下面的第一句效果一样
varselectedItems=newArray();
$("input[@name="itemSelect[]"]:checked").each(function(){selectedItems.push($(this).val());});

if(selectedItems.length==0)
alert("Pleaseselectitem(s)todelete.");
else
$.ajax({
type:"POST",
url:"/ajax_do_something.php",
data:"items="+selectedItems.join("|"),
dataType:"text",
success:function(request){
document.location.reload();
},
error:function(request,error){
alert("Errordeletingitem(s),tryagainlater.");
}
}
);

java拆分
复制代码代码如下:
Stringnames=null;
Stringname1=null;
Stringname2=null;
names=request.getParameter("names");
String[]name=names.split(",");
for(Stringx:name){
if("zhangsan".equals(x)){
name1=x;
}
if("lisi".equals(x)){
name2=x;
}
}

jquery修改时候选中后台查询的复选框
复制代码代码如下:
varstruids="${useridstr}";//后台获取数据
alert(struids);
if(struids!="")
{
varstr=struids.split(",");
for(varj=0;j<str.length;j++)
{
$(":checkbox[value=""+str[j]+""]").attr("checked",true);
}
}


下拉框
复制代码代码如下:
varmodule="${module}"
$("#moduleoption[value=""+module+""]").attr("selected","selected");

vars=$("#parentId").find("option:selected").val();

相关文章