使用 javascript 创建单选按钮答案

【问题标题】：create radio button with javascript使用 javascript 创建单选按钮
【发布时间】：2011-12-07 02:59:40
【问题描述】：

我有一个从数据库构建的 html 表。它有一个“编辑”按钮，可以打开一个表单。

其中一种输入类型将是我想通过开/关选择生成的单选按钮：

<input type="radio" name="camera_status" value="On" /> On<br />
<input type="radio" name="camera_status" value="Off" /> Off

我有 3 个问题：

我不知道如何创建多个单选选项。下面的代码只创建一个。
如何使我在“camerastatus”中传递的值成为默认检查值？
我需要有多个标签。表单将是“相机状态”，然后是开/关标签。

代码：

function edit2(to, cameraname, cameraquality, camerastatus, emailnotice, camerahash)
{
   var mydiv = document.getElementById("editform");
   var myForm = document.createElement("form");
   myForm.method = "post";
   myForm.action = to;

   //camera_status
   label = document.createElement("label");
   label.for = "text";
   label.innerHTML="<br>Camera status: <br>";
   myForm.appendChild(label);

   var myRadioElement;
   try{
      myRadioElement = document.createElement('<input type="radio" name="camera_status" />On');
   }catch(err){
      myRadioElement = document.createElement('input');
   }

   myRadioElement.type = "radio";
   myRadioElement.name = "camera_status";

   myForm.appendChild(myRadioElement);

   mydiv.appendChild(myForm);
}

【问题讨论】：

“我不知道如何创建多个单选选项。下面的代码只创建一个。” - 所以拿来创建一个并重复它。此外，摆脱 try/catch 并按照您在 catch 中的方式进行操作（以及 catch 块结束后的两行）。但是复选框不是更适合开/关字段吗？

标签： javascript html

【解决方案1】：

要将单选按钮设为默认值，请添加选中属性。

<input type="radio" name="..." checked />

对可以打开或关闭的东西使用复选框不是更好吗？

<input type="checkbox" ... />

【讨论】：

嗯，复选框可能会更好。我想我不是很清楚。很明显如何在 html 中做到这一点。我想用 javascript 中的单选（或复选框）创建表单。
myRadioElement.checked = true;
这并没有真正的帮助，因为我需要多个标签，并且需要在 javascript 中完成......但你涵盖了其他所有内容。谢谢。

【解决方案2】：

“男性”值被选中：

<div><input type="radio" name="Gender" value="Male" checked="checked" /> Male</div>
<div><input type="radio" name="Gender" value="Female" checked="" /> Female</div>

要在 JavaScript 中执行此操作，您只需在需要单选按钮的地方放置一段代码，然后使用 document.write 和 for 循环来处理您需要的每个单选按钮。（当然，您也希望每次都更改该值。）

-尼尔

【讨论】：