我想在選擇單選按鈕時顯示錶格

我想要在onClick或onSelect的幾個複選框上顯示錶格。我有一個'標準'複選框，選中時應該顯示一個標準選項表格，我有一個'自定義'複選框，選中時應顯示一個自定義選項表。我想在選擇單選按鈕時顯示錶格

現在表格切換，但不會同時顯示。換句話說，如果兩者都被檢查，我需要兩個表格來顯示，一個在另一個之下。如果只選擇「標準」，則只顯示「標準」選項，如果只選擇「定製」，則只顯示「定製」選項。

這裏是我的JS：

function toggleTables(which) 
{ 

    if(which == "1") { 
     document.getElementById('customize').style.display = "table"; 
     document.getElementById('standard').style.display = "none"; 

     } 
    if(which == "2") { 
     document.getElementById('standard').style.display = "table"; 
     document.getElementById('customize').style.display = "none"; 

     } 
}

這裏是我的HTML：

<input name="checkbox1" type="checkbox" id="customize_1" onClick="toggleTables('2')" value="checkbox" /> 
<label for="checkbox1"></label> Standard&nbsp;&nbsp;&nbsp; 
<input name="checkbox2" type="checkbox" id="customize_0" onClick="toggleTables('1')" value="checkbox" checked="checked" /> 
Customize 


<br /> 
<table width="100%" class="imagetable" cellpadding="0" cellspacing="0" id="customize"> 
    <tr><td>customize</td></tr>     
</table> 

<table width="100%" class="imagetable" cellpadding="0" cellspacing="0" id="standard" style="display: none"> 
    <tr><td>standard</td></tr>     
</table>

請給我一隻手。 - 更新了複選框**

來源

2013-01-02 boy

如果您使用如何你希望選擇兩個在同一時間單選按鈕？使用複選框。 – j08691

在你的html中，你正在使用單選按鈕，並且有問題，你說的是複選框？哪一個是正確的？ –

即使在函數toggletable（）中，如果您同時選擇了哪個值，您會通過嗎？你還沒有寫過任何東西.. –

只能檢查功能中複選框的狀態。

function toggleTables() 
{ 
    var isCustomize = document.getElementById('customize_1').checked; 
    var isStandard = document.getElementById('standard_1').checked; 

    var customize = document.getElementById('customize'); 
    var standard = document.getElementById('standard');  

    customize.style.display = isCustomize ? 'table' : 'none'; 
    standard.style.display = isStandard ? 'table' : 'none'; 
}

http://jsfiddle.net/4tcRD/3/

來源

2013-01-02 17:02:16 bullfrog

工作就像一個魅力！謝謝！ – boy

我想在選擇單選按鈕時顯示錶格

回答

相關問題