Итак, я новичок в JavaScript. Я пытаюсь создать простой код, который позволит человеку выбрать binary, hex или oct и конвертировать десятичное число в выбранный переключатель. Теперь я не беспокоюсь о конверсии на данный момент, я просто пытаюсь заставить код запускать функцию после того, как я нажал submit. Например, если выбрана бинарная кнопка, после нажатия кнопки «Отправить» на странице она должна указать «выбранный двоичный файл».JavaScript Radio Buttons on Submit
Я действительно потерял, как заставить это работать и не уверен, где искать. Я продолжаю изменять свой код, и я получил его, когда вы выберете кнопку, которую он генерирует «выбранный объект», но я хочу, чтобы он генерировался только после нажатия кнопки отправки. Не уверен, что мне нужно закодировать кнопку отправки или тег формы. Мой текущий, не рабочий код выглядит следующим образом:
<!DOCTYPE html>
<html>
\t <head>
\t \t <script>
\t \t function convertit()
\t \t {
\t \t \t
\t \t \t var conversion = document.getElementsByName('convert');
\t \t \t if (conversion[0].checked == true)
\t \t \t {
\t \t \t \t document.getElementById('test').innerHTML = "Binary Checked";
\t \t \t }
\t \t \t else if (conversion[1].checked == true) \t
\t \t \t {
\t \t \t \t document.getElementById('test').innerHTML = " Hex Checked";
\t \t \t }
\t \t \t else if (conversion[2].checked == true) \t
\t \t \t {
\t \t \t \t document.getElementById('test').innerHTML = "Oct Checked";
\t \t \t }
\t \t \t else
\t \t \t {
\t \t \t \t alert("Empty");
\t \t \t }
\t \t \t return true;
\t \t }
\t
\t
\t \t </script>
\t </head>
\t <body>
\t \t <p id="test"> </p>
\t \t <form onsubmit="return convertit();">
\t \t \t <input type="radio" value="binary" name="convert" id="binarybut" >
\t \t \t \t Binary
\t \t \t </input>
\t \t \t <input type="radio" value="binary" name="convert" id="hexbut" >
\t \t \t \t Hex
\t \t \t </input>
\t \t \t <input type="radio" value="hex" name="convert" id="octbut">
\t \t \t \t Oct
\t \t \t </input>
\t \t \t <input type="submit" value="Convert Number" >
\t \t </form>
</body>
</html>
Ваш код хорошо, просто возвращает 'false' из обработчика так, что форма по умолчанию представить будет предотвращено. Ваша форма отправляется, что заставляет страницу обновляться, поэтому она переходит в состояние по умолчанию. –
см. Https://jsfiddle.net/arunpjohny/tm1aoukx/1/ –
Большое вам спасибо! Настолько рад, что это было простое решение, я весь день схожу с ума, пытаясь заставить его работать. Спасибо!!! Это сработало! – FckItsChey