无法更改单选框中的预设选择

时间:2019-04-19 20:35:37

标签: javascript bootstrap-4

我实际上没有经验。我是一名护理人员,我必须使用具有许多多余字段的冗余表格来填写数百个患者表格。

我正在尝试编写脚本来预填充一些对于大多数患者而言保持不变的字段,例如“年龄单位”。我们患者的几乎所有年龄都是“年”,但是列出的软件字段包括“分钟,小时,天,周,月,年,取消选择等”。该字段是完成报告所必需的,但是默认设置为“取消选择”,这将阻止报告的完成。

我已按原样附上了代码。我真的不得不用谷歌搜索它的语言(语言?)。首先,我认为我可以检查默认元素,检查所需元素,然后修改值以检查所需元素。然后,我尝试使用自动填充扩展名,该扩展名允许我选择一个表单字段并修改值。我试图将其修改为复选框/收音机。我尝试使用javascript。我大喊。我一直都失败了。如果有人能指出我正确的方向,我将永远感激不已。我什至不知道我要修改什么。它是单选/复选框吗?是按钮吗?是文字吗?

我已经尽我所能地尝试了。

这是表单中令人反感的元素之一。

<div class="radio_checkbox_div_container">
  <table class="table_radio">
    <tbody>
      <tr>
        <td class="td_radio ui-state-highlight"><input type="radio" name="ePatient_16" id="ePatient_16_cancel" value="" checked=""> Cancel Selection </td>
        <td colspan="2"> &nbsp; </td>
      </tr>
      <tr>
        <td class="td_radio td_3col"><input type="radio" class="reg_option" name="ePatient_16" id="ePatient_16_0" value="2516001"> Days </td>
        <td class="td_radio td_3col"><input type="radio" class="reg_option" name="ePatient_16" id="ePatient_16_1" value="2516003"> Hours </td>
        <td class="td_radio td_3col"><input type="radio" class="reg_option" name="ePatient_16" id="ePatient_16_2" value="2516005"> Minutes </td>
      </tr>
      <tr>
        <td class="td_radio td_3col"><input type="radio" class="reg_option" name="ePatient_16" id="ePatient_16_3" value="2516007"> Months </td>
        <td class="td_radio td_3col"><input type="radio" class="reg_option" name="ePatient_16" id="ePatient_16_4" value="2516009"> Years </td>
        <td class="td_radio td_3col"><input type="radio" class="nil_option" name="ePatient_16" id="ePatient_16_5" value="7701001"> Not Applicable </td>
      </tr>
      <tr>
        <td class="td_radio td_3col"><input type="radio" class="nil_option" name="ePatient_16" id="ePatient_16_6" value="7701003"> Not Recorded </td>
      </tr>
    </tbody>
  </table>
</div>

我想修改一些表单字段(都与上面相似),以便最常用的选择是默认值。

1 个答案:

答案 0 :(得分:0)

你好,你好

我为您创建了一个jsfiddle,只需复制html标签并替换脚本中的ID即可选择单选按钮和其他元素

这将为您提供基本思路

https://jsfiddle.net/1efx59vn/

<div class="radio_checkbox_div_container"><table class="table_radio"><tbody><tr><td class="td_radio ui-state-highlight"><input type="radio" name="ePatient_16" id="ePatient_16_cancel" value="" > Cancel Selection </td><td colspan="2"> &nbsp; </td></tr>
<script>
$('#ePatient_16_cancel').attr('checked', 'true')
</script>

如我所见,您是新手,不了解javascript,因此您很难理解。但是,请尝试了解一下脚本标记$('#ePatient_16_cancel').attr('checked', 'true')中的几件事,例如_ePatient_16_cancel_是单选按钮的ID,ID表示您唯一的帐号,也没人会找到,也找到其他电子元件的ID并放入 $('#')用元素ID替换

所以脚本看起来像这样  $('#ePatient_16_cancel').attr('checked', 'true')

在chrome浏览器中打开表格,然后按F12键,导航到控制台选项卡并将脚本粘贴到控制台中,然后按Enter,这将为您选择单选按钮