Javascript Radio Button Checked необходимо нажать, чтобы быть активным - PullRequest
Новая
       1

Javascript Radio Button Checked необходимо нажать, чтобы быть активным

0 голосов
/ 05 апреля 2019

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

<input onclick="document.getElementById('codemenu').disabled = false;
document.getElementById('codecustom').disabled = true;" type="radio"
name="codebutton" value=""  checked="checked">

   <select name="exp_code" id="codemenu">
    <option value="MATS">MATS</option>
    <option value="WAGES">WAGES</option>
    <option value="FUEL">FUEL</option>
    <option value="AD">AD</option>
    <option value="TAX">TAX</option>
    <option value="GAS">GAS</option>
    <option value="OH">OH</option>
    </select>
 <p>
<input onclick="document.getElementById('codecustom').disabled = false;
document.getElementById('codemenu').disabled = true;" type="radio"
name="codebutton">

<input type="text" name="exp_code" id="codecustom" placeholder="Custom Code" 
autocomplete="on">

Источник этой страницы

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

<head>
      <script>
  window.onload = function() {
    document.getElementByID.exp_form.type[0].checked = true;
  }
</script>

Ответы [ 3 ]

1 голос
/ 05 апреля 2019

Вы можете назначить идентификатор для вашего флажка и выполнить щелчок при загрузке представления.

Попробуйте это: 

<input onclick="document.getElementById('codemenu').disabled = false;
document.getElementById('codecustom').disabled = true;" type="radio"
name="codebutton" value=""  checked="checked" id="exp_form">

   <select name="exp_code" id="codemenu">
    <option value="MATS">MATS</option>
    <option value="WAGES">WAGES</option>
    <option value="FUEL">FUEL</option>
    <option value="AD">AD</option>
    <option value="TAX">TAX</option>
    <option value="GAS">GAS</option>
    <option value="OH">OH</option>
    </select>
 <p>
<input onclick="document.getElementById('codecustom').disabled = false;
document.getElementById('codemenu').disabled = true;" type="radio"
name="codebutton">

<input type="text" name="exp_code" id="codecustom" placeholder="Custom Code" 
autocomplete="on">

<script>
  window.onload = function() {
    var el = document.getElementById('exp_form');
    if (el.onclick) {
       el.onclick();
    } else if (el.click) {
       el.click();
    }
  }
</script>
0 голосов
/ 05 апреля 2019

Попробуйте выбрать первый вариант в HTML: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#Basic_select

<option value="MATS" selected>MATS</option>
0 голосов
/ 05 апреля 2019

Попробуйте это: 

<input onclick="document.getElementById('codemenu').disabled = false;
document.getElementById('codecustom').disabled = true;" type="radio"
name="codebutton" value=""  checked="checked">

<select name="exp_code" id="codemenu">
<option value="MATS">MATS</option>
<option value="WAGES">WAGES</option>
<option value="FUEL">FUEL</option>
<option value="AD">AD</option>
<option value="TAX">TAX</option>
<option value="GAS">GAS</option>
<option value="OH">OH</option>
</select>
<p>
<input onclick="document.getElementById('codecustom').disabled = false;
document.getElementById('codemenu').disabled = true;" type="radio"
name="codebutton">

<input type="text" name="exp_code" id="codecustom" placeholder="Custom Code" 
disabled="disabled"
autocomplete="on">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...