Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想在选择单选按钮时显示表格_Javascript_Html_Toggle_Show Hide - Fatal编程技术网

Javascript 我想在选择单选按钮时显示表格

Javascript 我想在选择单选按钮时显示表格,javascript,html,toggle,show-hide,Javascript,Html,Toggle,Show Hide,我正在尝试单击或选择几个复选框来显示表格。我有一个“标准”复选框,选中该复选框时,应显示标准选项表;我有一个“自定义”复选框,选中该复选框时,应显示自定义选项表 现在表会切换,但不会同时显示。换句话说,如果两者都选中,我需要两个表都显示,一个在另一个下。如果仅选中“标准”,则仅显示“标准”选项;如果仅选中“自定义”,则仅显示“自定义”选项 这是一把小提琴: 这是我的JS: function toggleTables(which) { if(which == "1") {

我正在尝试单击或选择几个复选框来显示表格。我有一个“标准”复选框,选中该复选框时,应显示标准选项表;我有一个“自定义”复选框,选中该复选框时,应显示自定义选项表

现在表会切换,但不会同时显示。换句话说,如果两者都选中,我需要两个表都显示,一个在另一个下。如果仅选中“标准”,则仅显示“标准”选项;如果仅选中“自定义”,则仅显示“自定义”选项

这是一把小提琴:

这是我的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>

标准
定制

定制 标准

请帮我一把使用复选框更新**

只需检查功能中复选框的状态即可

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';
}​

如果您使用单选按钮,您如何期望一次选择两个?使用复选框。在html中,您使用的是单选按钮,您说的是复选框?哪一个1是正确的?即使在函数toggletable()中,如果同时选择这两个选项,您将传递什么值?你没有为这两个人写过任何东西……工作得很有魅力!非常感谢。