Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 16:44:09
Original
1121 Leute haben es durchsucht
复制代码 代码如下:

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);
}


直接上代码,主要是获取checkbox值的方法:将其放到数组中,然后连接成字符串
复制代码 代码如下:

var chenked=$("input[type='checkbox']:checked").val([]);
var names = "";
for(var i=0;inames += 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{
$(":checkbox[value='"+str[j]+"']").attr("checked",true);
}
}


下拉框
复制代码 代码如下:

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

var s = $("#parentId").find("option:selected").val();
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!