Bertons Ответов: 1

Как я могу сбросить все кнопки радио и флажка?


У меня должна быть ясная кнопка, которая сбрасывает значение, которое я проверил в каждом флажке и переключателях, но они находятся в разных формах. Есть идеи?

--------------------------------------------------------------------------------------

<!DOCTYPE html>
<html>
<тело>
<script type="text/javascript">
функция DisplayPrice(цена){
var val1 = 0;
для( i = 0; i < document.form1.price.длина; i++ ){
if( document.form1.price[i].checked == true ){
val1 = document.form1.price[i].value;
}
}

var val2 = 0;
для( i = 0; i < document.form2.price2.length; i++ ){
if( document.form2.price2[i].checked == true ){
val2 = document.form2.price2[i].value;
}
}

var val3 = 0;
для (i = 0; i < document.form3.price3.length; i++) {
если (документ.form3.price3[я].проверено == правда) {
val3 += parseInt( document.form3.price3[i].value);
}
}

var sum=parseInt(val1) + parseInt(val2) + parseInt(val3);
document.getElementById('totalSum').value=sum;
}
</script>
</head>
<тело>
<fieldset>
&ЛТ;легенда&ГТ;&ЛТ;б&ГТ;&ЛТ;и&ГТ;Группа 1:&ЛТ;/а&ГТ;&ЛТ;/б&ГТ;&ЛТ;/легенда и GT;
<br>
<имя формы="Форма form1" идентификатор="форма form1" атрибут runat="сервер"и GT;
<br>
&ЛТ;ИД входного="rdo_1" введите="" значение="1000" название="цена" Функция onclick="DisplayPrice(это.значение);"&ГТ;выбором 1 - &ампер;евро; 1.000,00
<br>
&ЛТ;ИД входного="rdo_2" введите="" значение="2000" имя="цена" Функция onclick="DisplayPrice(это.значение);"&ГТ;выбора 2 - &ампер;евро; 2.000,00
<br>
&ЛТ;ИД входного="rdo_3" введите="" значение="5000" имя="цена" Функция onclick="DisplayPrice(это.значение);"и GT;выбор 3 - и усилителя;евро; 5.000,00
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
в <тип входного="сброс" имя="сброс" значение="очистить"и GT;
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
</форма>
</fieldset>
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
<fieldset>
&ЛТ;легенда&ГТ;&ЛТ;б&ГТ;&ЛТ;и&ГТ;Группа 2:&ЛТ;/а&ГТ;&ЛТ;/б&ГТ;&ЛТ;/легенда и GT;
<br>
<имя формы="form2" id="form2" runat="сервер">
<br>
&ЛТ;ИД входного="rdo_1" введите="" значение="100" название="цена2" функция onclick="DisplayPrice(это.значение);"&ГТ;выбором 1 - &ампер;евро; 100,00
<br>
&ЛТ;ИД входного="rdo_2" введите="" значение="200" имя="цена2" функция onclick="DisplayPrice(это.значение);"&ГТ;выбора 2 - &ампер;евро; 200,00
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
в <тип входного="сброс" имя="reset1" значение="очистить"и GT;
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
</форма>
</fieldset>
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
<fieldset>
&ЛТ;легенда&ГТ;&ЛТ;б&ГТ;&ЛТ;и&ГТ;Группа 3:&ЛТ;/а&ГТ;&ЛТ;/б&ГТ;&ЛТ;/легенда и GT;
<br>
<имя формы="form3" id="form3" runat="сервер">
<br>
&ЛТ;ИД входного="rdo_1" тип="флажок" значение="100" название="price3" функция onclick="DisplayPrice(это.значение);"&ГТ;выбором 1 - &ампер;евро; 100,00
<br>
&ЛТ;ИД входного="rdo_2" тип="флажок" значение="200" имя="price3" функция onclick="DisplayPrice(это.значение);"&ГТ;выбора 2 - &ампер;евро; 200,00
<br>
&ЛТ;ИД входного="rdo_1" тип="флажок" значение="450" имя="price3" функция onclick="DisplayPrice(это.значение);"и GT;выбор 3 - и усилителя;евро; 450,00
<br>
&ЛТ;ИД входного="rdo_1" тип="флажок" значение="600" имя="price3" функция onclick="DisplayPrice(это.значение);"и GT;выбор 4 - усилителя;amp; евро; 600,00
<br>
&ЛТ;ИД входного="rdo_1" тип="флажок" значение="750" имя="price3" функция onclick="DisplayPrice(это.значение);"и GT;выбор 5 - &ампер;евро; 750,00
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
в <тип входного="сброс" имя="reset2" значение="очистить"и GT;
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
</форма>
</fieldset>
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
<fieldset>
&ЛТ;легенда&ГТ;&ЛТ;и&ГТ;&ЛТ;б&ГТ;общая сумма&ЛТ;/б&ГТ;&ЛТ;/а&ГТ;&ЛТ;/легенда и GT;
<форма>
&ампер;евро; на <тип входного="текст" имя="totalSum" идентификатор="totalSum" значение="" размер="3" только для чтения="только для чтения"и GT;,00
&ЛТ;п&ГТ;&ЛТ;/п&ГТ;
в <тип входного="сброс" имя="reset3" значение="очистить"и GT;
</форма>
</fieldset>

</body>
</html>

Что я уже пробовал:

Я пытался поместить их все в одну форму, но это не сработало...

1 Ответов

Рейтинг:
12

Karthik_Mahalingam

Демонстрация:Плунжер[^]

function reset() {
    for (i = 0; i < document.form1.price.length; i++)
        document.form1.price[i].checked = false;


    for (i = 0; i < document.form2.price2.length; i++)
        document.form2.price2[i].checked = false


    for (i = 0; i < document.form3.price3.length; i++)
        document.form3.price3[i].checked = false

    document.getElementById('totalSum').value = '';

}


<button onclick="reset()">reset</button>


Afzaal Ahmad Zeeshan

5ед.

Karthik_Mahalingam

Спасибо ААЗ :)