Question

这里我有一个按钮，当用户点击它时添加2个radioButton是/否的问题，因为用户选择一个值，如果再次单击该按钮并添加新的radioButtons，它将消失。我想要一个解决方案，即使单击按钮并添加新的radioButtons，也会检查已检查的radioButton的值。我试图使id标签变量，以便每个radioButton都有一个唯一的id，但它没有任何区别。任何帮助将非常感激。

＆＃13;

<!DOCTYPE html>
<html>
  <body>
    <h1>Radio Buttons </h1>
    <div id = "demo"> </div>
    <br>
    <button onclick="myFunction()"> add </button>


    <script>
      function myFunction() {
        document.getElementById("demo").innerHTML += '<br> agree? '+
        '<br>  <input type="radio" id="x"> yes' + ' <input type="radio" id="y"> No <br>'; 
      }
    </script>

  </body>
</html>

＆＃13;

Answer 1

您可以将自己的功能包含在一个包装器中，该包装器将存储您需要的id，调用myFunction，如果存储了有效的id，则需要click来检查它

function myFunctionWrapper() {
    var checked = document.querySelector("#demo > input[type=radio]:checked")
    var checkedID = checked ? checked.id : undefined;
    myFunction();
    if (!!checkedID) {
        document.querySelector("#" + checked.id).click();
    }
}

Answer 2

尝试以下内容;

scores.sort(key=lambda s: s[1], reverse=True)

经过测试和工作。

Answer 3

innerHTML将覆盖！并且您将放弃以前的input个州 而是使用Element.insertAdjacentHTML()

＆＃13;

<!DOCTYPE html>
<html>
  <body>
    <h1>Radio Buttons </h1>
    <div id = "demo"> </div>
    <br>
    <button onclick="myFunction()"> add </button>


    <script>
      function myFunction() {
        document.getElementById("demo").insertAdjacentHTML("beforeend", '<br> agree? '+
        '<br>  <input type="radio" id="x"> yes' + ' <input type="radio" id="y"> No <br>'); 
      }
    </script>

  </body>
</html>

＆＃13;

添加其他新单选按钮时如何保存单选按钮的值

3 个答案: