javascript在点击时启用diabled复选框,一次只选择一个

Question

javascript在点击时启用diabled复选框,一次只选择一个

Nom*_*mad 1 javascript checkbox dynamic toggle

我动态生成id为chkBox100等的复选框和onClick函数.

我想做的是

一次只能选中一个复选框.
如果选中上一个复选框并选中另一个复选框,则选择前一个复选框.
如果我单击选中的复选框,它应该选择它.

我想在没有jquery或任何其他库的标准javascript中执行此操作.

请帮助您的帮助,我们将不胜感激.到目前为止,这是我的代码.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title> New Document </title>  

    <script type="text/javascript">

      function toggle(chkBox)
      {
        if (chkBox.checked)
        {
          chkBox.checked = false;
        }
        else
        {
          chkBox.checked = true;
        }

        // only select one at a time.
      }
    </script>
  </head>

  <body>
    <form id="myForm" name="myForm">
      <input type="checkbox" id="chkBox100"  onClick="toggle(this);">
      <input type="checkbox" id="chkBox121"  onClick="toggle(this);">
      <input type="checkbox" id="chkBox1180" onClick="toggle(this);">
    </form>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

mre*_*ros 5

没有使用库,我想你可以做以下事情,如果我理解正确,它似乎有效.

小提琴

归档时间：	13 年，11 月前
查看次数：	10094 次
最近记录：	13 年，11 月前