欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【checkbox使用示例】，下面是详细的讲解！
checkbox使用示例
<html>
<head>
<title>
checkbox测试
</title>
<script type='text/javascript' src='http://www.jb51.net/article/jquery-1.8.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function(){
$("#all").change(function() {
//alert($("#all").val()); //获得checkbox的值
// alert($("#all").get(0).checked); //值为true 和false
if($("#all").get(0).checked){ //将jquery对象转化为dom对象 使用的是dom对象的属性
$(":checkbox").attr({
//checked: 'checked' 可以和下面一句替换
"checked":true
});
}else{
//$(":checkbox").removeAttr('checked'); 可以和下面一句替换
$(":checkbox").attr({
"checked":false
});
}
//第一种操作数组方法
//第二种操作数组方法
var arr=new Array();
$(":checkbox").each(function(index){
if($(this).val()!="1"){
arr.push($(this).val());
}
});
//组个输出数组值
for(var j=0;j<arr.length;j++){
alert(arr[j]);
}
var str=arr.join(","); //将数组用，好连接成为字符串
alert(str); //输出字符串
});
});
</script>
</head>
<body>
<input type='checkbox' id='all' value='1' />全选<br />
<input type='checkbox' id='all1' value='2' />num1<br />
<input type='checkbox' id='all2' value='3' />num2<br />
<input type='checkbox' id='all3' value='4' />num3<br />
<input type='checkbox' id='all5' value='5' />num4<br />
</body>
</html>
关于checkbox使用示例的用户互动如下：
相关问题：如何在JSP中使用<html:checkbox>标签
答： 这是在struts里面的表单使用的。方法已经示例了。 >>详细
相关问题：asp中checkbox怎么用
答： 后台 代码为 using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; u... >>详细
相关问题：multipart/form-data里使用checkbox的多选问题（给...
答：有三不烦：第一，过去的事情不要烦，因为已经过去第二，未来的事情烦不着，因为未来还没有到第三，现在的事情不能烦，因为正在经历，你要好好面对！这辈子，学会珍惜，... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-