87,907
社区成员
发帖
与我相关
我的任务
分享求这么一个复选框限制js
做在线问卷功能. 需要用到如下功能. 复选框是单选的..
如 :
第一题 (html页面的name值为 question)
a:选项 (html页面的name值为 answer)
b:选项 (html页面的name值为 answer)
c:选项 (html页面的name值为 answer)
第二题 (html页面的name值为 question)
a:选项 (html页面的name值为 answer)
b:选项 (html页面的name值为 answer)
c:选项 (html页面的name值为 answer)
其中html中. 题目的name是一样的. 选项的name也是一样的. 想实现的就是 每题都不能为空 且有一个单选选项.
如 :
第一题 (html页面的name值为 question)
a:选项 (html页面的name值为 answer)
b:选项 (html页面的name值为 answer)
c:选项 (html页面的name值为 answer)
第二题 (html页面的name值为 question)
a:选项 (html页面的name值为 answer)
b:选项 (html页面的name值为 answer)
c:选项 (html页面的name值为 answer)
其中html中. 题目的name是一样的. 选项的name也是一样的. 想实现的就是 每题都不能为空 且有一个单选选项.
...全文
请发表友善的回复…
发表回复
jol_boy 2010-09-25
- 打赏
- 举报
你这种情况，既然是互斥，就要用radio
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
第一题 (html页面的name值为 question)<br/>
<INPUT TYPE="radio" NAME="tm1">a:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm1">b:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm1">c:选项 (html页面的name值为 answer)<br/>
第二题 (html页面的name值为 question)<br/>
<INPUT TYPE="radio" NAME="tm2">a:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm2">b:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm2">c:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="button" VALUE="提交" ONCLICK="check()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function check(){
var tmpRadio;
var k=0;
for(var i=1;i<10;i++){
k=0;
tmpRadio = document.getElementsByName("tm"+i);
if(tmpRadio.length!=0)
{
for(var j=0;j<tmpRadio.length;j++){
if(tmpRadio[j].checked){
k++;
}
}
if(k==0){
alert("第"+i+"组的问题没有选择答案！");
break;
}
}
}
}
//-->
</SCRIPT>
</BODY>
</HTML>
hp_innovation 2010-09-25
- 打赏
- 举报
upup
flyxiao1987 2010-09-25
- 打赏
- 举报
<html>
<head>
<script type="text/javascript">
function clickCheckbox(chk){
var els = chk.parentNode.childNodes;
var len = els.length;
for (var i = 0; i < len; i++){
if (!!els[i].tagName && els[i].tagName == 'INPUT'){
if (els[i].type == 'checkbox') {
els[i].checked = false;
}
}
}
chk.checked = true;
}
</script>
</head>
<body>
<div>
<input type="text" name="question" value="问题1" /><br/>
<input type="checkbox" name="answer" value="答案1" onclick="clickCheckbox(this)" />答案1<br/>
<input type="checkbox" name="answer" value="答案2" onclick="clickCheckbox(this)" />答案2<br/>
<input type="checkbox" name="answer" value="答案3" onclick="clickCheckbox(this)" />答案3
</div>
<div>
<input type="text" name="question" value="问题2" /><br/>
<input type="checkbox" name="answer" value="答案1" onclick="clickCheckbox(this)" />答案1<br/>
<input type="checkbox" name="answer" value="答案2" onclick="clickCheckbox(this)" />答案2<br/>
<input type="checkbox" name="answer" value="答案3" onclick="clickCheckbox(this)" />答案3
</div>
<div>
<input type="text" name="question" value="问题3" /><br/>
<input type="checkbox" name="answer" value="答案1" onclick="clickCheckbox(this)" />答案1<br/>
<input type="checkbox" name="answer" value="答案2" onclick="clickCheckbox(this)" />答案2<br/>
<input type="checkbox" name="answer" value="答案3" onclick="clickCheckbox(this)" />答案3
</div>
</body>
</html>
wqnljy 2010-09-25
- 打赏
- 举报
第一题 (html页面的name值为 question)<br/>
<INPUT TYPE="radio" NAME="tm1">a:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm1">b:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm1">c:选项 (html页面的name值为 answer)<br/>
第二题 (html页面的name值为 question)<br/>
<INPUT TYPE="radio" NAME="tm2">a:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm2">b:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm2">c:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm1">a:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm1">b:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm1">c:选项 (html页面的name值为 answer)<br/>
第二题 (html页面的name值为 question)<br/>
<INPUT TYPE="radio" NAME="tm2">a:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm2">b:选项 (html页面的name值为 answer)<br/>
<INPUT TYPE="radio" NAME="tm2">c:选项 (html页面的name值为 answer)<br/>
小辛、 2010-09-25
- 打赏
- 举报
纯粹帮忙顶帖的
funfun5433 2010-09-25
- 打赏
- 举报
<html>
<head>
<script type="text/javascript" src="/Script/jquery-1.4.2.js">
</script>
<script language="javascript" type="text/javascript">
function funfun(el)
{
var tmp=document.getElementById(el.id);
var tmpp=tmp.getElementsByTagName("input");
var pos=0;
for(var i=0;i<tmpp.length;i++)
{
if(tmpp[i].type=="checkbox")
{
if(tmpp[i].checked==true)
{
pos=i;
}
}
}
for(var i=0;i<tmpp.length;i++)
{
if(tmpp[i].type=="checkbox")
{
tmpp[i].checked=false;
tmpp[pos].checked=true;
}
}
}
</script>
</head>
<body>
<form name=myform>
<div id="1" onchange="javascript:funfun(this);">
<input type="text" value="问题一" name="question">
<br>
<input type="checkbox" name="answer" >
<br>
<input type="checkbox" name="answer" >
<br>
<input type="checkbox" name="answer" >
<br>
</div>
<div id="2" onchange="javascript:funfun(this);">
<input type="text" value="问题一" name="question">
<br>
<input type="checkbox" name="answer" >
<br>
<input type="checkbox" name="answer" >
<br>
<input type="checkbox" name="answer" >
<br>
</div>
<div id="3" onchange="javascript:funfun(this);">
<input type="text" value="问题一" name="question">
<br>
<input type="checkbox" name="answer" >
<br>
<input type="checkbox" name="answer" >
<br>
<input type="checkbox" name="answer" >
<br>
</div>
<input type="submit" value="提交">
</form>
</body>
</html>
