当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery分别获取选中的复选框值的示例

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

2019年03月25日  | 移动技术网IT编程  | 我要评论

代码如下:


function jqchk(){ //jquery获取复选框值
var s='';
$('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值的方法:将其放到数组中，然后连接成字符串

. 代码如下:


var chenked=$("input[type='checkbox']:checked").val([]);
var names = "";
for(var i=0;i<chenked.length;i++){
names += chenked[i].value +",";
}


可以更优雅一些：

. 代码如下:


var arr_v = new array();

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

arr_v.push(this.val());

});

arr_v.join(',');


即可以了

. 代码如下:


//此为重点,该句与下面的第一句效果一样
var selecteditems = new array();
$("input[@name='itemselect[]']:checked").each(function() {selecteditems.push($(this).val());});

if (selecteditems .length == 0)
alert("please select item(s) to delete.");
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('error deleting item(s), try again later.');
}
}
);


java 拆分

. 代码如下:


string names = null;
string name1 = null;
string name2 = null;
names = request.getparameter("names");
string[] name = names.split(",");
for(string x : name){
if("zhangsan".equals(x)){
name1 = x;
}
if("lisi".equals(x)){
name2 = x;
}
}


jquery 修改时候选中 后台查询的复选框

. 代码如下:


var struids='${useridstr}'; //后台获取数据
alert(struids);
if(struids!='')
{
var str=struids.split(",");
for(var j=0;j<str.length;j++)
{
$(":checkbox[value='"+str[j]+"']").attr("checked",true);
}
}



下拉框

. 代码如下:


var module='${module}'
$("#module option[value='" + module + "']").attr("selected","selected");

var s = $("#parentid").find("option:selected").val();

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网