Checked или не Checked
Люди, нужен взгляд со стороны, а то я немного не соображаю уже, но думаю, что ошибка "плевая".
У меня есть 4 чекбокса: <form> <input type="checkbox" name="первый" id="a" value="1" /><label for="a">первый</label> <input type="checkbox" name="второй" id="b" value="2" /><label for="b">второй</label> <input type="checkbox" name="третий" id="c" value="3" /><label for="c">третий</label> <input type="checkbox" name="четвертый" id="d" value="4" /><label for="d">четвертый</label> </form> <input type="button" id="submit" value="Проверить ответ" /> <div id="result" /> $('#submit').click(function (){ check_values(); }); Ниже работает скрипт на проверку "чекнутых" боксов, function check_values(){ if ($("#a:checked").val() && $("#b:checked").val()) { $("#result").html ("выбраны те чекбоксы"); } else { $("#result").html(" Выбраны не те чекбоксы" ) ; } } </script> причем я изначально задумывал, что он будет выкидывать информацию только при выбранных определенных чекбоксах и это работает, если в выборе участвует только 1, но если два и более, то при выборе других чекбоксов, если кликнуты два правильных, все равно пишет правильно. Так в примере, если выбрать 1 и 2 чекбокс, напишет: "выбраны те чекбоксы", если выбрать еще и 3 опять "проверить ответ" все равно напишет то же самое. Прошу посмотрите код пожалуйста, как задать "жесткое" значение, не пойму. Я пробовал ставить другим чекбоксам значение false не работает :( |
Цитата:
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
$('#submit').click(function (){
var o1=$('#frm :checked');
var o2=$('#frm #a:checked, #frm #b:checked');
var txt=(o1.length==2 && o2.length==2)? 'Выбраны те чекбоксы': 'Выбраны не те чекбоксы';
$('#result').empty().html(txt);
});
});
</script>
</head>
<body>
<form id='frm'>
<input type="checkbox" name="первый" id="a" value="1" /><label for="a">первый</label>
<input type="checkbox" name="второй" id="b" value="2" /><label for="b">второй</label>
<input type="checkbox" name="третий" id="c" value="3" /><label for="c">третий</label>
<input type="checkbox" name="четвертый" id="d" value="4" /><label for="d">четвертый</label>
<input type="button" id="submit" value="Проверить ответ" />
</form>
<div id="result"></div>
</body>
</html>
|
Спасибо, Ваш код работает лучше моего.
А только подскажите, если мне например в ответе нужно будет вставить не только текст, а например кнопку или еще что, как можно написать? У меня было вот так if ($("#a:checked").val() && $("#b:checked").val()) { $("#result").html ("<input type='button' id='submit' value='Выбраны те чекбоксы' onClick='rand_link()'/>"); } и вылетала кнопка, на которую я подцепляю еще ссылки... в Вашем коде можно так? |
Все разобрался, напутал с ковычками просто.
|
| Часовой пояс GMT +3, время: 10:27. |