需要单击“ Java单选按钮已检查”才能激活

时间:2019-04-05 10:26:13

标签: javascript html forms

我具有以下代码,可以在表单中的选择框和文本框之间进行切换,但是尽管选中了选择框,我仍然需要实际单击单选按钮,否则它只会发送空白信息。

<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">

来自this page

我觉得我需要在标头中添加一些脚本,例如以下内容,但是我不经常使用JavaScript。

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

3 个答案:

答案 0 :(得分:1)

您可以为复选框分配一个ID,并在加载视图时单击。

尝试一下:

<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>

答案 1 :(得分:0)

尝试一下:

[['- A B C D E']
['A 0 2 3 4 5']
['B 2 0 3 4 5']
['C 3 3 0 4 5']
['D 4 4 4 0 5']
['E 5 5 5 5 0']]

答案 2 :(得分:0)

尝试选择HTML中的第一个选项: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#Basic_select

<option value="MATS" selected>MATS</option>