Question

我有一个javascript函数，通过在单击按钮时将它们切换出来逐个显示类中的所有对象。我想知道是否有任何方法可以将一组单选按钮称为一个对象。我是编码的新手，所以如果可能的话我会很感激。谢谢！（我知道这可能不是最有效的方法）这是功能：

var count = 0;
function addCount() {
    var quests = document.getElementsByClassName("quest");
    if (count > 0) {
        quests[count - 1].style.display = 'none'
    }
    quests[count].style.display = 'block';
    count++;
}

<form id="form" action="#" runat="server">
    <p id="q1" class="quest">1</p>
    <p id="q1" class="quest">2</p>
    <p id="q2" class="quest">3</p>
    <p id="q3" class="quest">4</p>
    <input type="button" id="btn" onclick="addCount()" />
    <label>bnt</label>
</form>

到目前为止它适用于段落，但我的最终目标是进行一个测验，当你按下按钮时会切换问题，所以我想对'任务'数组中的每个对象有一个问题

Answer 1

试试这个

＆＃13;

const addCount = () => {
  document.querySelectorAll('.quest').forEach(e => {
    e.style.display = 'none'
  })
}

＆＃13;

<form id="form" action="#" runat="server">
   <p id="q1" class="quest">1</p>
    <p id="q1" class="quest">2</p>
    <p id="q2" class="quest">3</p>
    <p id="q3" class="quest">4</p>
    <input type="button" id="btn" onclick="addCount()" /><label>bnt</label>
</form>

＆＃13;

或者使用jQuery：

＆＃13;

const addCount = () => {
  $('.quest').hide()
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form" action="#" runat="server">
   <p id="q1" class="quest">1</p>
    <p id="q1" class="quest">2</p>
    <p id="q2" class="quest">3</p>
    <p id="q3" class="quest">4</p>
    <input type="button" id="btn" onclick="addCount()" value="Button">
</form>

＆＃13;

顺便说一句：我将input元素更改为value="Button"，您无法使用label。

将多个单选按钮称为一个对象

1 个答案: