2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > jquery获取复选框被选中的值【jquery】

jquery获取复选框被选中的值【jquery】

时间:2019-09-01 08:35:21

相关推荐

jquery获取复选框被选中的值【jquery】

web前端|js教程

jquery,复选框

web前端-js教程

应用推广源码,ubuntu配置光盘源,tomcat7启动指令,爬虫动物定义,PHP商城系统全解,百度seo智能seo软件lzw

<!--

-->

JS获取复选框被选中的值

0

1

2

3

4

5

6

7

</html

JS代码

诱导cps源码,vscode学生管理系统代码,Ubuntu分区删了,怎样加大tomcat内存,爬虫ER图,手游服务器 php,企业做seo花多少钱,论坛网站开源模板,discuz图片模板下载lzw

<!--

function chk(){

var obj=document.getElementsByName( est); //选择所有name=" est\"的对象,返回数组

//取到对象数组后,我们来循环检测它是不是被选中

var s=\;

for(var i=0; i<obj.length; i++){

if(obj[i].checked) s+=obj[i].value+,; //如果选中,将value添加到变量s中

}

//那么现在来检测s的值就知道选中的复选框的值了

alert(s==\?你还没有选择任何内容!:s);

}

function jqchk(){ //jquery获取复选框值

var chk_value =[];

$(input[name="test"]:checked).each(function(){

chk_value.push($(this).val());

});

alert(chk_value.length==0 ?你还没有选择任何内容!:chk_value);

}

// -->

对checkbox的其他几个操作

拉卡拉刷卡机源码,ubuntu上编程软件,汽车之家防爬虫,php magick,广东seo网站lzw

1. 全选

2. 取消全选

3. 选中所有奇数

4. 反选

5. 获得选中的所有值

js代码

$("document").ready(function(){

$("#btn1").click(function(){

$("[name=checkbox]").attr("checked", rue);//全选

})

$("#btn2").click(function(){

$("[name=checkbox]").removeAttr("checked");//取消全选

})

$("#btn3").click(function(){

$("[name=checkbox]:even").attr("checked", rue);//选中所有奇数

})

$("#btn4").click(function(){

$("[name=checkbox]").each(function(){//反选

if($(this).attr("checked")){

$(this).removeAttr("checked");

}

else{

$(this).attr("checked", rue);

}

})

})

$("#btn5").click(function(){//输出选中的值

var str="";

$("[name=checkbox][checked]").each(function(){

str+=$(this).val()+"/r/n";

//alert($(this).val());

})

alert(str);

})

})

html代码:

louis-blog >> jQuery 对checkbox的操作

<!--

$("document").ready(function(){

$("#btn1").click(function(){

$("[name=checkbox]").attr("checked", rue);//全选

})

$("#btn2").click(function(){

$("[name=checkbox]").removeAttr("checked");//取消全选

})

$("#btn3").click(function(){

$("[name=checkbox]:even").attr("checked", rue);//选中所有奇数

})

$("#btn4").click(function(){

$("[name=checkbox]").each(function(){//反选

if($(this).attr("checked")){

$(this).removeAttr("checked");

}

else{

$(this).attr("checked", rue);

}

})

})

$("#btn5").click(function(){//输出选中的值

var str="";

$("[name=checkbox][checked]").each(function(){

str+=$(this).val()+"/r/n";

//alert($(this).val());

})

alert(str);

})

})

-->

checkbox1

checkbox2

checkbox3

checkbox4

checkbox5

checkbox6

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。