js 如何控制checkbox选中的个数。
如何让value属性传值给后台，而前台页面提示框显示标签后的内容？
具体代码：
<html>
<head><title></title>
</head>
<script type="text/javascript">
function check(component){
var strArray = document.getElementsByName("smallclassauthorize");
var content = document.getElementById("divcheck");
if(content.innerHTML!=""){
content.innerHTML="";
}
var lengthstr=0;//合计选中的个数
for(var i=0;i<strArray.length;i++){
if(strArray[i].checked==true){
lengthstr++;
if(lengthstr > 2){
component.checked=false;
alert("对不起，你只能选择两项");
return false;
}
content.innerHTML +="这是第"+lengthstr+"选中:"+ strArray[i].nextSibling.nodeValue;
//.value(只能获得checkbox 中value属性的值)
//改成.nextSibling.nodeValue(这样可以获得<input>节点后兄弟节点的内容。)
if(i > 1){
content.innerHTML+="<br/>";
}
}
}
}
</script>
<body>
<input name="smallclassauthorize" type="checkbox" onclick="check(this);" value="小类一"/>小类一<br />
<input name="smallclassauthorize" type="checkbox" onclick="check(this);" value="小类二"/>小类二<br />
<input name="smallclassauthorize" type="checkbox" onclick="check(this);" value="小类三"/>小类三s
<div id="divcheck">
</div>
</body>
</html>
注意：
1：nextSibling属性
该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。
需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同.
<body> <div> <input id="a4" type="button" onclick="alert(this.nextSibling);" value="d" /> <input id="a5" type="button" onclick="alert(this.nextSibling);" value="e" /> </div> </bod 这是因为input作为创建各种表单输入控件的标签，无论是生成button、checkbox、radio...等或其他表单控件，IE都会自动在后面创建一个1字节位的空白。
IE将跳过在节点之间产生的空格文档节点（如：换行字符），而Mozilla不会这样——FF会把诸如空格换行之类的排版元素视作节点读取，因此，在ie中用nextSibling便可读取到的下一个节点元素，在FF中就需要这样写：nextSibling.nextSibling了。
不过现在的浏览器不会有这样的问题。
在<input />inputcontent 后面直接由.nextSibling.nodeValue拿到值。
(再FF下使用.childNodes也有同样的问题)
opera和safari对nextSibling的处理方式与FF一致
2：previousSibling属性
该属性与nextSibling属性的作用正好相反。例如：someTagObject.nextSibling.previousSibling其实返回的是该标签元素本身，但前提必须是：该标签元素的后面必须有一个同级的元素，否则就返回null了。
3：通过nextSibling或者 previousSibling所获得的HTML标签元素对象的属性问题
一般先通过nextSibling.nodeName来获知其标签名，或者通过nextSibling.nodeType来获知其标签类型，然后，如果该nextSibling.nodeName = #text，则通过nextSibling.nodeValue来获知其文本值；否则，可以通过nextSibling.innerHTML等其他常用标签元素属性来获取其属性。
参考文献：
http://www.witpark.com/article/20/6467.html
一般情况下：
x.parentNode.previousSibling.childNodes[0]
x.parentNode.previousSibling.getElementsByTagName('xx')[0]
//以下方法可以避免此种问题
x.parentNode.parentNode.getElementsByTagName('xx')[0]
分享到：
相关推荐
点击按钮获取选中的CheckBox值，JQ实现，代码非常简单。
遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList， 遍历CheckBoxList,获得选中项的值动态绑定CheckBoxList。
jquery checkbox选择器在程序开发中经常会用到，接下来通过实例代码给大家介绍jquery获取checkbox选中的值，需要的朋友参考下
得到选中项的value值并拼接成一个字符串返回 public string GetChecked(CheckBoxList checkList, string separator) { string str = ; for (int i = 0; i < checkList.Items.Count; i++) { if (checkList.Items...
js获得Gridview中选中checkbox行的信息，当你选择GridView中某一行或某几行前面的checkbox时可以得到当前行的所有信息或部分信息。
本资源中包括Tree的文件和Tree的渲染文件（Checkbox），实现功能为点击树不获取值（也可以获取，改变一个变量即可），只有勾选Checkbox才能得到。并添加到集合中
jquery 获得select、radio、checkbox选择的text和value值详解文档
完美的解决listview嵌套checkbox遇到的各种问题 以及checkbox选中后获得的值
最近开发过程中遇到一个小问题，要获取checkbox的值，在网上搜索了一下，发现基本上都是用JS实现的，现在我将自己的做法记录一下，以便以后继续使用。
页面加上几个groupbox，里面放一些checkbox。...通过判断checkbox是否勾选，来获取checkbox的值。包括name，caption内容等。该内容不仅适用于checkbox 还可以循环遍历获得edit 来判断edit内容 从而保存想要的数据！
1. 设置checkbox选中： //选中多选框 checkbox=$(#agentinfo input[name='veri[]']); //循环多选框中的值 checkbox.each(function(){ for(var j=0;j<data.veri.length;... //判断当前值是否在数组...3. 获得checkbox
主要介绍了Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法的相关资料,需要的朋友可以参考下
本文实例讲述了jquery捕捉回车键及获取checkbox值与异步请求的方法...2.jquery获得多个选中的checkbox值： $('input[type="checkbox"][name="types"]:checked').each(function() { types = types+$(this).val()+ "|";
在使用struts标签html:checkbox 的时候，如何让... 注：如果不选中，最好把Property的设置为””，因为在Action中得到Property是为null值，在不太注意的情况，它是会出现异常。 代码如下: public class CheckBoxF
2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至，即与...
最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如： 定义的 data 的 form 里面是空对象，需要动态...
CheckBox（复选框）主要用来接收用户选择的选项，那么如何通过Extjs 4.x 得到form CheckBox的值呢？下面有个不错的方法，大家值得一看
主要介绍了jquery实现全选、反选、获得所有选中的checkbox功能，对checkbox感兴趣的小伙伴们可以参考一下