如何制作a< select>有启用/禁用按钮的选项吗?

发布于 2025-02-03 19:08:29 字数 754 浏览 6 评论 0原文

选择正确答案时,如何提出一个多项选择问题,可以启用按钮?这是我尝试的:

function enAble() {
  let possibleAns = document.getElementById('question').value;

  if (possibleAns != 1) {
    document.getElementById("btton").disabled = true;
  } else if (possibleAns = 1) {
    document.getElementById("btton").disabled = false;
  }
}
<select id="question" onchange="enAble()">
  <option>wrong answer</option>
  <option value="1">right answer</option>
  <option>wrong answer</option>
</select>

<button id="btton" type="button" disabled>button</button>

How to make a multiple choice question that enables a button when the right answer is selected? Here is what I tried:

function enAble() {
  let possibleAns = document.getElementById('question').value;

  if (possibleAns != 1) {
    document.getElementById("btton").disabled = true;
  } else if (possibleAns = 1) {
    document.getElementById("btton").disabled = false;
  }
}
<select id="question" onchange="enAble()">
  <option>wrong answer</option>
  <option value="1">right answer</option>
  <option>wrong answer</option>
</select>

<button id="btton" type="button" disabled>button</button>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

你在我安 2025-02-10 19:08:29

中,如果(possibleans = 1){(possibleans = 1)是一个分配语句。使用else if(possibleans == 1){检查平等。

In else if (possibleAns = 1) {, (possibleAns = 1) is an assignment statement. Use else if (possibleAns == 1) { to check for equality.

反话 2025-02-10 19:08:29

更改Possibleans!= 1
对Possibleans!== 1也使用Possibleans === 1

在其他语句中,

Change possibleAns !=1
to possibleAns !==1

Also use possibleAns ===1 in else statement

智商已欠费 2025-02-10 19:08:29

一种最清洁的编码方式(IMHO)。

const 
  select_element = document.getElementById('question')
, button_element = document.getElementById("btton")
  ;
select_element.onchange = () =>
  {
  button_element.disabled = (select_element.value != '1')
  }
<select id="question">
  <option value="0">wrong answer</option>
  <option value="1">right answer</option>
  <option value="2">wrong answer</option>
</select>

<button id="btton" type="button" disabled>
  button
</button>

A cleanest way to code that (Imho).

const 
  select_element = document.getElementById('question')
, button_element = document.getElementById("btton")
  ;
select_element.onchange = () =>
  {
  button_element.disabled = (select_element.value != '1')
  }
<select id="question">
  <option value="0">wrong answer</option>
  <option value="1">right answer</option>
  <option value="2">wrong answer</option>
</select>

<button id="btton" type="button" disabled>
  button
</button>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文