禁用某些输入的选择

问题描述 投票:0回答:1
javascript html radio-button html-select
1个回答
0
投票

如果您将内容包装在

form
元素中,那么您可以监听表单的更改并相应地切换
selectPresta.disabled

var form = document.getElementById('myform');
var radioExterne = document.getElementById('societeExterne');
var selectPresta = document.getElementById('selectPresta');
//listen for a change in the form
form.addEventListener("change", (event) => {
    //does the value of form.radioSociete not match that of radioExterne?
    selectPresta.disabled = !(form.radioSociete.value == radioExterne.value);
});
//trigger change on load to set initial state
form.dispatchEvent(new Event("change"));
<form id="myform">
  <label><input id="societeInterne" name="radioSociete" type="radio" value="Interne" />Interne / </label>
  <label><input id="societeExterne" name="radioSociete" type="radio" value="Externe" />Externe - </label>
  <label for="PrestataireStit"> Préciser le STIT </label>
  <ol>
    <li style="list-style-type: disc">
      <select id="selectPresta">
        <option value='GROUPE presta' name='Societe presta'>presta</option>
        <option value='GROUPE presta' name='Societe presta'>presta</option>
        <option value='GROUPE presta' name='Societe presta'>presta</option>
      </select>
    </li>
  </ol>
</form>

© www.soinside.com 2019 - 2024. All rights reserved.