Значение для input
Приветствую, JS только начал учить. Возникла необходимость привязать значения input, т.е. есть два чекбокса, у первого например значение 3, а у второго 5, нажав на них оба нужно получить значение 8, вопрос в том как это реализовать? Привязывать через переменные? Как?
|
сложить их value
|
Цитата:
|
Цитата:
|
Цитата:
|
neira, пора таки читать буквари... :D В этом и заключается смысл изучения чего-либо.
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
|
))))окей
есть 2 инпута <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <input type="checkbox" name="three" value="" /> -3 <input type="checkbox" name="eight" value="" /> - 8 <input type="sumbit" /> <script type="text/javascript"> Что собственно тут создать? каким макаром через value? </script> </body> </html> |
смотри что не так
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<input type="checkbox" name="three" value="3" />
<input type="checkbox" name="eight" value="8" />
<input type="submit" />
<script>
$(function () {
$('body').bind('click', function (e) {
if (e.target.type == 'checkbox') {
var num = 0;
$(':checked').each(function () {
num += parseInt(this.value);
});
alert(num);
}
});
});
</script>
|
bes, насколько помню, если мы используем квери, то это
var e = e || event; var target = e.target || e.srcElement; не надо писать. Объект события прилетает уже правильный. |
аа, ну тогда гуд, оставляем только var target = e.target;
PS: только начал изучать этот брейнторк, буду тоже ниндзей :D |
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<input type="checkbox" name="three" value="3" />
<input type="checkbox" name="eight" value="8" />
<input type="submit" />
<script>
var body = $( 'body' );
var inputs = body.find( 'input:checkbox' );
body.on( 'click', ':checked', function() {
var sum = 0;
if ( inputs.filter( ':checked' ).length === 2 ) {
inputs.each( function() {
sum += +this.value;
});
alert( sum );
}
});
</script>
Цитата:
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<form id='input'>
<input type="checkbox" name="three" value="-3" /> -3
<input type="checkbox" name="eight" value="-8" /> -8
<input id="res" type="sumbit" />
</form>
<script type="text/javascript">
var input = document.getElementById('input');
var res = document.getElementById('res');
var sum = 0;
input.onclick = function(e) {
e = e || window.event;
var target = e.target || e.srcElement;
while(target != input) {
if (target.nodeName == 'INPUT') {
if(target.checked){
sum += parseInt(target.value);
res.value = sum;
return;
}
target = target.parentNode;
}
}
}
</script>
</body>
</html>
Думаю этого достаточно) |
Всем спасибо, вопрос исчерпан.
|
| Часовой пояс GMT +3, время: 22:01. |