javascript - 使用javascript创建单选按钮

Question

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

其中一种输入类型是我想生成的带有开/关选择的单选按钮:

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

我有 3 个问题:

1. 我不知道如何创建多个单选选项。下面的代码只创建一个。

2. 如何使我在“camerastatus”中传递的值成为默认选中值？

3. 我需要多个标签。表格将是“相机状态”，然后是开/关标签。

代码:

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);
}

Answer 1

要使单选按钮成为默认按钮，请添加 checked 属性。

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

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

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