ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Просто калькулятор с радиокнопками
14 сообщений из 14, страница 1 из 1
Просто калькулятор с радиокнопками
    #38158465
Pavel20893
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel20893
Гость
Здравствуйте, не могли бы подсказать, мучаюсь с заданием по созданию калькулятора, все было бы просто, если бы одно из значений не бралось из радио кнопки...(

Форму нарисовать легко, но что делать далье и как это реализовать понятия не имею(
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<html>
    <head>
<title>Весовой калькулятор</title>
<SCRIPT LANGUAGE="JavaScript"> 
 
function calculator(form)
 
{
 
} 

</SCRIPT>
</head>
<body>
<form> 
<input name=m type=radio value=89 onchange="this.value=this.value.replace(/([^0-9])/g,'');" onkeyup="var n=this.value.replace(/([^0-9])/g,''); if(n!=this.value) this.value=n;" onmousedown="this.value=this.value.replace(/([^0-9])/g,'');"> 89-00 <input name=m type=radio value=99 onchange="this.value=this.value.replace(/([^0-9])/g,'');" onkeyup="var n=this.value.replace(/([^0-9])/g,''); if(n!=this.value) this.value=n;" onmousedown="this.value=this.value.replace(/([^0-9])/g,'');"> 99-00

 
<br><br> 
 
Введите число 2 <input type="text" name="b" size="15" onchange="this.value=this.value.replace(/([^0-9])/g,'');" onkeyup="var n=this.value.replace(/([^0-9])/g,''); if(n!=this.value) this.value=n;" onmousedown="this.value=this.value.replace(/([^0-9])/g,'');"><br> 
 
<br><br><input type="button" value="Рассчитать" onClick="calculator(this.form)">   <input type="reset" value="Сброс"><br> 
 
<br>Результат <input type="text" name="total1" size="20" maxlength="40"> 
 
</form>
</body>
</html>



Пытался реализовать через этот способ , но ничего конечно же не получилось, подскажите пожалуйста.

Код: html
1.
2.
3.
4.
5.
6.
7.
function radioCheck(){
var m16 = document.form1.m;
  for(var i=0; i<radios.length; i++){
    if(m16[i].checked) {
    m16[i].value=a;
    }
  }
...
Рейтинг: 0 / 0
20.02.2013, 10:14
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38158469
Pavel20893
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel20893
Гость
Искал по форуму нашел сообщение от iConst
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<thml>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
</head>

<body>
<div>калькулятор</div><br/> 

<form name="radioForm">
<input type="radio" name="group1" value="0">z<br>
<input type="radio" name="group1" value="1">a<br>
<input type="radio" name="group1" value="2">b<br>
<input type="radio" name="group1" value="3">c<br>
<input type="radio" name="group1" value="4">d<br>
<br>
<input type="radio" name="group2" value="10">g<br>
<input type="radio" name="group2" value="20">h<br>
<input type="radio" name="group2" value="30">j<br>
<input type="radio" name="group2" value="40">k<br>
<br>
</form>



<div id="result">0</div>

<script type="text/javascript"> 

$(':radio').click(function()
{
  var sum=0;
  $(':radio').each(function()
  {
    if($(this).attr('checked')) sum += parseInt($(this).val())
  });
  $('#result').html(sum)
});

</script> 
</body>
</thml>



Но тут вообще не разберусь никак)
...
Рейтинг: 0 / 0
20.02.2013, 10:17
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38158474
Pavel20893
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel20893
Гость
Ой забыл совсем Значение из радиокнопки умножается на число введенное в поле с точкой , тоесть на 1,50 0,13 и т.д.
...
Рейтинг: 0 / 0
20.02.2013, 10:19
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38158489
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Pavel20893все было бы просто, если бы одно из значений не бралось из радио кнопки...
value оно и радиокнопки value...
Добавляется лишь атрибут checked, нужно лишь проверить выбрана та кнопка или нет.
...
Рейтинг: 0 / 0
20.02.2013, 10:28
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38158524
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Pavel20893Искал по форуму нашел сообщение от iConst
...
Но тут вообще не разберусь никак)
А тут?

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
<!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">
label {
	display: block;
}
label + label {
	margin-top: 5px;
}
div {
	margin-top: 5px;
}
</style>
<script type="text/javascript">
function calc() {
	var n=document.getElementById('quantity').value;
	var sum=document.getElementById('price').value;
	var o=document.getElementsByName('factor');
	sum=sum*n;
	for (i=0; i<o.length; i++) {
		if (o[i].checked) {
			sum=sum*o[i].value;
			break;
		};
	};
	alert(sum);
};
</script>
</head>
<body>
<form>
	<label>
		Количество
		<input type='text' id='quantity' />
	</label>
	<label>
		Цена
		<input type='text' id='price' />
	</label>
	<label>
		Коэффициент 1
		<input type='radio' name='factor' value='1' />
	</label>
	<label>
		Коэффициент 2
		<input type='radio' name='factor' value='2' />
	</label>
	<label>
		Коэффициент 3
		<input type='radio' name='factor' value='3' />
	</label>
	<div>
		<input type='button' value='Расчитать' onclick='calc()' />
		<input type='reset' value='Сброс' />
	</div>
<form>
</body>
</html>
...
Рейтинг: 0 / 0
20.02.2013, 10:44
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165285
Pavel20893
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel20893
Гость
Вот есть когд калкьулятора

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
<!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">
label {
	display: block;
}
label + label {
	margin-top: 5px;
}
div {
	margin-top: 5px;
}
</style>
<script type="text/javascript">
function calc() {

	var sum=document.getElementById('price').value;
	var o=document.getElementsByName('factor');

	for (i=0; i<o.length; i++) {
		if (o[i].checked) {
			sum=sum*o[i].value;
			break;
		};
	};
	
alert(sum);


};
</script>
</head>
<body>
<form>
	
	<label>
		Вес, кг.
		<input type='text' id='price' />
	</label>
	<label>
		Коэффициент 1
		<input type='radio' name='factor' value='89' />
	</label>
	<label>
		Коэффициент 2
		<input type='radio' name='factor' value='88' />
	</label>
	<div>
	<input type='button' value='Расчитать' onclick='calc()' />
		<input type='reset' value='Сброс' />
	</div>
<form>
</body>
</html>



Но как сделать вывод не в всплывающее окно а к примеру в форму?
Как присвоить ей результат выполнения скрипта??
...
Рейтинг: 0 / 0
25.02.2013, 18:05
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165292
Pavel20893
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel20893
Гость
Ой и еще, без конпоки, тоесть пользователь вводит данные и в этом поле уже появляется результат.

Помогите пожалуйста)
...
Рейтинг: 0 / 0
25.02.2013, 18:09
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165345
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Pavel20893Но как сделать вывод не в всплывающее окно а к примеру в форму?
Добавь в неё нужный элемент и меняй его значение...
...
Рейтинг: 0 / 0
25.02.2013, 18:49
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165346
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Pavel20893Ой и еще, без конпоки, тоесть пользователь вводит данные и в этом поле уже появляется результат.
Лови события изменения значения твоих полей и вызывай свою функцию...
...
Рейтинг: 0 / 0
25.02.2013, 18:50
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165370
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
<!DOCTYPE html>
<html>  
<head>
  <style type="text/css">
    label {
      display: block;
    }
      
    label + label {
      margin-top: 5px;
    }
  </style>
</head>
<body>
  <form>
    <label>Вес, кг.
      <input type='text' id='price' />
    </label>
    <label>Коэффициент 1
      <input checked="checked" type='radio' name='factor' onchange="calculate()" value='89' />
    </label>
    <label>Коэффициент 2
      <input type='radio' name='factor' onchange="calculate()" value='88' />
    </label>
    <label>Результат
      <input id="result" readonly="readonly" text="text" />
    </label>
  <form>
  <script type="text/javascript">
    var factor, i,
        factors = document.getElementsByName('factor'),
        price = document.getElementById('price'),
        result = document.getElementById('result');
      
    for (i = 0; i < factors.length; i++) {
      factors[i].onchange = calculate;
    }
            
    price.onpropertychange = price.oninput = calculate;
     
    function calculate() {
      for (i = 0; i < factors.length; i++) {
        factor = factors[i];
         
        if (factor.checked) {
          result.value = factor.value * price.value;
          return;
        }
      }
    }
  </script>
</body>
</html>
...
Рейтинг: 0 / 0
25.02.2013, 19:02
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165527
Pavel20893
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel20893
Гость
Спасибо огромное, до такого еще мне ну ооочень далеко)

Надоел наверно глупыми вопросами, но если будет несколько таких блоков? Тоесть опять же поле Вес, опять же 2 коэфф и поле результата, можно как либо использовать эту же функцию?
...
Рейтинг: 0 / 0
25.02.2013, 20:52
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165616
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Pavel20893, нет. Если будет несколько блоков, то идентификаторы элементов (id="price", id="result") теряют смысл.
Нужна будет несколько иная реализация.
...
Рейтинг: 0 / 0
25.02.2013, 23:01
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165792
Pavel20893
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel20893
Гость
Жаль, а можно где нибудь про это прочитать или пример поглядеть, просто очень интересно
...
Рейтинг: 0 / 0
26.02.2013, 08:49
| Ответить | Цитировать | Написать  
Просто калькулятор с радиокнопками
    #38165812
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Современный учебник JavaScript
...
Рейтинг: 0 / 0
26.02.2013, 09:22
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Просто калькулятор с радиокнопками
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38165345&tid=1448658]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 166ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 200ms
total:  453ms
созд. / загр.: 453ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]