2011-01-28 74 views
0

對於輸入式「文本」,我有一個JavaScript功能,如:HTML表單操作

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> 

回答

1

對於該複選框:

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

單選按鈕:

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

我更新的代碼。請參閱上文。如果用戶選擇了對應於「$ 2.00運費」的單選按鈕,您是否可以實現以下功能:document.getElementById(「shippingSpan」)。innerHTML =「$ 2.00」; – CodeGuy 2011-01-28 01:09:04