[javascript] изменить значение поля при выборе переключателей


Answers

Например, вы можете попробовать

<input type="radio" id="radio1r1" name="r1" value="10" />10
<br/>
<input type="radio" id="radio2r1" name="r1" value="45" />45
<br/>
<input type="hidden" name="sum" value="" />

jQuery("input[id^='radio']").click(function() {
    jQuery("input[name='sum']").val(jQuery(this).val());
}

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

Question

Я хочу изменить значение скрытого поля ввода при выборе переключателей:

    <input type="radio" name="r1" value="10" />10
    <br/>
    <input type="radio" name="r1" value="45" />45
    <br/>
    <input type="hidden" name="sum" value="" />

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




подключитесь к событию onclick для переключателя «r1». Обычно я предлагаю событие onchange, но в IE он не запускается, пока пользователь не «размывает» радиокнопку.

Если вы используете фреймворк, такой как jQuery, подключайте события в виде ненавязчивой манеры ... но если вы хотите быстрое n грязное решение, просто добавьте события inline.

<input type="radio" name="r1" value="10" onclick="doIt(this);"/>10
<br/>
<input type="radio" name="r1" value="45" onclick="doIt(this);"/>45
<br/>
<input type="hidden" name="sum" value="" />

<script>
  function doIt(obj){
    //alert('my value is now: ' + obj.value);
    obj.form.elements['sum'].value = obj.value;//set hidden field to radio value
  }
</script>



Links