I want users to use checkboxes to answer a question. They should check 3 boxes out of 6 available. The right answer is 2, 5, 6. If they choose them, the popup will say good. If they choose say 1, 5, 6. The popup will say wrong, try again. Then 1 will be unchecked, 5 and 6 will remain checked. The next time they choose something wrong, say 1 or 3 or 4, the popup will say incorrect game, please do some review. Thanks!!
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
checkbox-correct remain checked, incorrect unchecked
- Thread starter taopeng
- Start date
<!-- Questions 1 4 and 6 are wrong
That stuff you said was confusing, but I think this is what you want
-->
<html>
<head>
<script language="JavaScript">
<!--
function CheckIt(){
msg = "";
if (document.frm1.chk1.checked){
msg += "Question 1 wrong"
document.frm1.chk1.checked = false;
} else {
if (document.frm1.chk4.checked){
msg += " Question 4 wrong"
document.frm1.chk4.checked = false;
} else {
if (document.frm1.chk6.checked){
msg += " Question 6 wrong"
document.frm1.chk6.checked = false;
}
}
}
if (msg != ""
{
alert(msg);
}
}
-->
</script>
</head>
<body>
<form name="frm1">
question 1 <input type="checkbox" name="chk1">
question 2 <input type="checkbox" name="chk2"><br>
question 3 <input type="checkbox" name="chk3">
question 4 <input type="checkbox" name="chk4"><br>
question 5 <input type="checkbox" name="chk5">
question 6 <input type="checkbox" name="chk6"><br>
<input type="button" value="Check" onclick="CheckIt();">
</form>
</body>
</html>
That stuff you said was confusing, but I think this is what you want
-->
<html>
<head>
<script language="JavaScript">
<!--
function CheckIt(){
msg = "";
if (document.frm1.chk1.checked){
msg += "Question 1 wrong"
document.frm1.chk1.checked = false;
} else {
if (document.frm1.chk4.checked){
msg += " Question 4 wrong"
document.frm1.chk4.checked = false;
} else {
if (document.frm1.chk6.checked){
msg += " Question 6 wrong"
document.frm1.chk6.checked = false;
}
}
}
if (msg != ""
{alert(msg);
}
}
-->
</script>
</head>
<body>
<form name="frm1">
question 1 <input type="checkbox" name="chk1">
question 2 <input type="checkbox" name="chk2"><br>
question 3 <input type="checkbox" name="chk3">
question 4 <input type="checkbox" name="chk4"><br>
question 5 <input type="checkbox" name="chk5">
question 6 <input type="checkbox" name="chk6"><br>
<input type="button" value="Check" onclick="CheckIt();">
</form>
</body>
</html>
- Thread starter
- #3
Thanks so much! I wanted one more thing though. I want to give the user a second chance which is also their last chance. If on second try they still click a wrong answer, the message will be "Sorry, you fail." Can you help me on that? Thank you!
I want to give the user a second chance which is also their last chance. If on second try they still click a wrong answer, the message will be "Sorry, you fail." Can you help me on that? Thank you!<!-- Questions 1 4 and 6 are wrong
That stuff you said was confusing, but I think this is what you want
-->
<html>
<head>
<script language="JavaScript">
<!--
NoOfChancesAllowed = 2;
NoTried = 0;
function CheckIt(){
NoTried = NoTried + 1;
msg = "";
if (document.frm1.chk1.checked){
msg += "Question 1 wrong"
document.frm1.chk1.checked = false;
} else {
if (document.frm1.chk4.checked){
msg += " Question 4 wrong"
document.frm1.chk4.checked = false;
} else {
if (document.frm1.chk6.checked){
msg += " Question 6 wrong"
document.frm1.chk6.checked = false;
}
}
}
if (NoTried >= NoOfChancesAllowed) {
msg = "YOU FAIL !!!"
document.frm1.chk1.disabled="true"
document.frm1.chk2.disabled="true"
document.frm1.chk3.disabled="true"
document.frm1.chk4.disabled="true"
document.frm1.chk5.disabled="true"
document.frm1.chk6.disabled="true"
}
if (msg != "" {
alert(msg);
}
}
-->
</script>
</head>
<body>
<form name="frm1">
question 1 <input type="checkbox" name="chk1">
question 2 <input type="checkbox" name="chk2"><br>
question 3 <input type="checkbox" name="chk3">
question 4 <input type="checkbox" name="chk4"><br>
question 5 <input type="checkbox" name="chk5">
question 6 <input type="checkbox" name="chk6"><br>
<input type="button" value="Check" onclick="CheckIt();">
</form>
</body>
</html>
That stuff you said was confusing, but I think this is what you want
-->
<html>
<head>
<script language="JavaScript">
<!--
NoOfChancesAllowed = 2;
NoTried = 0;
function CheckIt(){
NoTried = NoTried + 1;
msg = "";
if (document.frm1.chk1.checked){
msg += "Question 1 wrong"
document.frm1.chk1.checked = false;
} else {
if (document.frm1.chk4.checked){
msg += " Question 4 wrong"
document.frm1.chk4.checked = false;
} else {
if (document.frm1.chk6.checked){
msg += " Question 6 wrong"
document.frm1.chk6.checked = false;
}
}
}
if (NoTried >= NoOfChancesAllowed) {
msg = "YOU FAIL !!!"
document.frm1.chk1.disabled="true"
document.frm1.chk2.disabled="true"
document.frm1.chk3.disabled="true"
document.frm1.chk4.disabled="true"
document.frm1.chk5.disabled="true"
document.frm1.chk6.disabled="true"
}
if (msg != ""
{alert(msg);
}
}
-->
</script>
</head>
<body>
<form name="frm1">
question 1 <input type="checkbox" name="chk1">
question 2 <input type="checkbox" name="chk2"><br>
question 3 <input type="checkbox" name="chk3">
question 4 <input type="checkbox" name="chk4"><br>
question 5 <input type="checkbox" name="chk5">
question 6 <input type="checkbox" name="chk6"><br>
<input type="button" value="Check" onclick="CheckIt();">
</form>
</body>
</html>
- Status
Similar threads
- Locked
- Question
- Locked
- Question