2011-12-07 13 views
4

私はDBからビルドされたhtmlテーブルを持っています。それはフォームを開く "編集"ボタンを持っています。javascriptでラジオボタンを作成

  1. 私はどのように知らない:私は3つの問題を抱えている

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

    :これらの入力タイプの

    一つは、私はオン/オフを選択して生成したいラジオボタンになります複数のラジオオプションを作成します。以下のコードは、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); 
} 
+0

_「私は複数の無線オプションを作成する方法を知りません。唯一以下のコードは1を作成します。」_ - それで1つを作成し、それを繰り返すビットを取る。また、try/catchを取り除き、キャッチブロックの最後の2行と一緒にキャッチしたようにします。しかし、チェックボックスはオン/オフフィールドに適していないでしょうか? – nnnnnn

答えて

2

checked属性を追加し、ラジオボタンのデフォルトにします。

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

オンまたはオフにすることができるものにチェックボックスを使用する方が良いとは限りませんか?

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

Hrmm、チェックボックスが良いかもしれません。私は明確ではなかったと思う。それはhtmlでそれを行う方法はかなり明らかです。私は、javascriptでラジオ(またはチェックボックス)でフォームを作成したい。 – Tom

+0

'myRadioElement.checked = true;' – Xavura

+0

ああ、ありがとう。ラベルのアイデアは? – Tom

0

「男性」の値がチェックされている:

<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を入れることができます必要なラジオボタンごとに(また、もちろん、毎回あまりにも値を変更することをお勧めします。)

-Neil

関連する問題