HTML form actions

For input style "text", I have a javascript function such as:

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

    updateIt();
};

Now, what if I had a checkbox? What would the code look like? What about for radio buttons? What would I use to get values (for the checkbox, either checked or not checked. and for the radio buttons, I'd like to get which button is clicked).

Here is code for the radio b开发者_StackOverflow中文版utton:

<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>

For the checkbox:

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

For the radio button:

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