HTML 表单操作

Question

对于输入样式“文本”，我有一个 javascript 函数，例如：

document.getElementById("dds1").onkeyup = function() {

    updateIt();
};

现在，如果我有一个复选框怎么办？代码会是什么样子？单选按钮呢？我将使用什么来获取值（对于复选框，选中或未选中。对于单选按钮，我想获取单击了哪个按钮）。

这是单选按钮的代码：

<li id="foli517"        class="     ">
<label class="desc" id="shippingChoice" for="Field517_0">
    Shipping Options
        </label>
<div>
<input id="shippingChoice" name="Field517" type="hidden" value="" />
    <span>
<input id="shipping1"       name="Field517"         type="radio"        class="field radio"         value="$2.00 Shipping Fee"      tabindex="13"                        checked="checked"                      />
<label class="choice" for="Field517_0"      >
    $2.00 Shipping Fee</label>
    </span>
    <span>
<input id="Field517_1"      name="Field517"         type="radio"        class="field radio"         value="I will pick up the items (free shipping)"        tabindex="14"                               />
<label class="choice" for="Field517_1"      >
    I will pick up the items (free shipping)</label>
    </span>
    </div>
</li>

Answer 1

对于复选框：

document.getElementById("checkBox").onclick = function() { 
    var isChecked = this.checked; 
    //whatever
};

对于单选按钮：

document.getElementById("radioButton").onclick = function() { 
    var clickedId = this.id;
    //whatever 
};