Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Просто калькулятор с радиокнопками / 14 сообщений из 14, страница 1 из 1
20.02.2013, 10:14
    #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:17
    #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:19
    #38158474
Pavel20893
Pavel20893
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Просто калькулятор с радиокнопками
Ой забыл совсем Значение из радиокнопки умножается на число введенное в поле с точкой , тоесть на 1,50 0,13 и т.д.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2013, 10:28
    #38158489
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Просто калькулятор с радиокнопками
Pavel20893все было бы просто, если бы одно из значений не бралось из радио кнопки...
value оно и радиокнопки value...
Добавляется лишь атрибут checked, нужно лишь проверить выбрана та кнопка или нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2013, 10:44
    #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
| Ответить | Цитировать | Написать  
25.02.2013, 18:05
    #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:09
    #38165292
Pavel20893
Pavel20893
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Просто калькулятор с радиокнопками
Ой и еще, без конпоки, тоесть пользователь вводит данные и в этом поле уже появляется результат.

Помогите пожалуйста)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2013, 18:49
    #38165345
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Просто калькулятор с радиокнопками
Pavel20893Но как сделать вывод не в всплывающее окно а к примеру в форму?
Добавь в неё нужный элемент и меняй его значение...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2013, 18:50
    #38165346
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Просто калькулятор с радиокнопками
Pavel20893Ой и еще, без конпоки, тоесть пользователь вводит данные и в этом поле уже появляется результат.
Лови события изменения значения твоих полей и вызывай свою функцию...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2013, 19:02
    #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, 20:52
    #38165527
Pavel20893
Pavel20893
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Просто калькулятор с радиокнопками
Спасибо огромное, до такого еще мне ну ооочень далеко)

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


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