html checkbox，html复选框代码
大家好，今天小编来为大家解答html checkbox这个问题，html复选框代码很多人还不知道，现在让我们一起来看看吧！
html复选框
多选一应该使用单选框呀，把你的<form>...</form>部分贴上来看看。
补充：
那你的意思是说，这个<form>里面的checkbox，至少要选中一个，否则就算空，因为不能要求所有都必须选择，是？
那样我认为，可以用循环检测所有的checkbox，如果有一个选中就设置变量has1为true，我写了下面的例子代码：
<form name='form1'>
<input type='checkbox' name='VoteOption1' value=1>通过本课程学习了解<br>
<input type='checkbox' name='VoteOption1' value=2>掌握具体的网络方法<br>
<input type='checkbox' name='VoteOption1' value=3>掌握一些基本原理与方法
</form>
<script type=text/javascript>
has1=false;
for(i=0;i<document.form1.length;i++)
if(document.form1.elements[i].type=='checkbox')
if(document.form1.elements[i].checked) has1=true;
if(has1==false) alert('一个都没有选');
</script>
求javascript checkbox 选中事件代码
首先通过getElementById或其它方式获得这些对象obj，然后判断obj.checked= true或false就可以了。
例:
<input id='bigclassauthorize' type='checkbox' onclick='testClickBigCheckBox()'/>
<input id='smallclassauthorize1' type='checkbox'/>
<input id='smallclassauthorize2' type='checkbox'/>
....
function testClickBigCheckBox(){
var big= document.getElementById('bigclassauthorize');
var small1= document.getElementById('smallclassauthorize1');
var small2= document.getElementById('smallclassauthorize2');
if(big.checked== true){
small1.checked= true;
small2.checked= true;
}else{
small1.checked= false;
small2.checked= false;
}
}
代码可以精简或者封装,这里只是简单的描述一下基本做法，以上是大项被选中的事件处理，小项的原理差不多。
扩展资料：思路：获取checkbox对象，根据value属性设置checkbox的checked属性（true为选中，false为取消选中）。下面实例演示——根据文本框的制定值设置复选框的选中项：
1、HTML结构
<input name="test" type="checkbox" value="1"/>item-1
<input name="test" type="checkbox" value="2"/>item-2
<input name="test" type="checkbox" value="3"/>item-3<br>
<input name="test" type="checkbox" value="4"/>item-4
<input name="test" type="checkbox" value="5"/>item-5<br>
<input type="text" id="val"><input type="button" value="确定" onclick="fun()">
2、javascript代码
function fun(){
var val= document.getElementById("val").value.split(",");
var boxes= document.getElementsByName("test");
for(i=0;i<boxes.length;i++){
for(j=0;j<val.length;j++){
if(boxes[i].value== val[j]){
boxes[i].checked= true;
break
}
}
}
}
javascript如何获取checkbox值并且计算
有两种方法：
1、方法一HTML结构如下：
2、方法二javascript代码如下：
3、显示效果如下：
js获得多个checkbox选中的值的方法：
一、代码如下：
二、后台获得参数为：
//获得的均为数组值：
String checboxValues=request.getParameter("checboxValue");
String checboxTexts=request.getParameter("checboxText");
//得到每个具体值：
String checboxValue=checboxValues.split(",");
String checboxText=checboxTexts.split(",");
三、备注：
nextSibling是获得当前对象的下一个对象，nodeValue是返回一个节点的值
使用该方法必须保证文本值在input后面，否则checkboxStr[i].nextSibling.nodeValue获取不到文本值。
html checkbox的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html复选框代码、html checkbox的信息别忘了在本站进行查找哦。