多选和不显示

时间:2016-04-25 15:55:35

标签: javascript html

第一个问题: RadioCheck应该只是一个选择,但我不知道为什么它的多...

第二个问题: 第二,如果它不起作用(控制台没有显示任何错误; /

它应该如何运作? 我点击第一个radiobutton,然后函数获取无线电的ID并显示下一个div。 接下来,如果再次检查radiobutton,它应该购买下一个div(divgazkpz) - 这不起作用。

代码: HTML

<div class="col-xs-6 col-md-4" id="selectbackground">
            <form role="form" id="mainForm">
                <p>Główny wybór:</p>
                <label class="radio">
                  <input type="radio" name="gaz" id="gaz">Gaz
                </label>
                <label class="radio">
                  <input type="radio" name="gazspc" id="gazspc" disabled>Gaz skroplony pod ciśnieniem
                </label>
                <label class="radio">
                  <input type="radio" name="ciecz" id="gazspc" disabled>Ciecz
                </label>
                <label class="radio">
                  <input type="radio" name="gazspc" id="gazsspca" disabled>Gaz skroplony/schłodzony pod ciśnieniem atmosferycznym
                </label>

            <button type="button" class="btn btn-primary btn-sm" id="buttonmain" onclick="RadioCheck()">Dalej</button>
            </form>

        </div>

    <!-- Wybór z pola GAZ -->

      <div class="col-xs-6 col-md-4" id="divgaz" style="display: none;">
            <form role="form" id="mainForm">
                <p>Gaz:</p>
                <label class="radio">
                  <input type="radio" name="gazkpz" id="gazkpz">Katastrofalne pęknięcie zbiornika
                </label>
                <label class="radio">
                  <input type="radio" name="gazws" id="gazws">Wypływ strumieniowy
                </label>

            <button type="button" class="btn btn-primary btn-sm" id="buttongazkpzws" onclick="RadioCheck()">Dalej</button>
            </form>         
      </div>

    <!-- Gaz : Katastrofalne pęknięcie zbiornika-->

      <div class="col-xs-6 col-md-4" id="divgazkpz" style="display: none;">
            <form role="form" id="mainForm">
                <p>Katastrofalne pęknięcie zbiornika:</p>
                <label class="radio">
                  <input type="radio" name="gazpk" id="gazpk">Pożar kulisty
                </label>
                <label class="radio">
                  <input type="radio" name="gazwcpg" id="gazwcpg">Powstanie chmury parowej / gazowej
                </label>

            <button type="button" class="btn btn-primary btn-sm" id="buttongazpkpwcpg" onclick="RadioCheck()">Dalej</button>
            </form>         
      </div>

JavaScript的:

function RadioCheck() 
{
    var x = document.getElementById("mainForm").checked;

    if (x = gaz.checked) 
    {
        document.getElementById('divgaz').style.display = 'block' ;
        document.getElementById("buttonmain").setAttribute("disabled", "disabled");
    }
    else if (x = gazkpz.checked)
    {
        document.getElementById('divgazkpz').style.display = 'block' ;
        document.getElementById("buttongazkpzws").setAttribute("disabled", "disabled");
    }
    else
    {
        alert('Nic nie wybrales');
    }
}

function restart()
{
    location.reload(true);
}

1 个答案:

答案 0 :(得分:1)

您混淆了series.str.replace'raw_data'=[[x['raw_data'].replace(y['replacethis'],y['withthis']) for y in df2.iterrows()] for x in df1.iterrows()] 属性。

name确定调用一组选项的内容,将选择哪一个,因此组中的所有单选按钮都需要相同的名称。然后,您可以为每个值赋予不同的值,并获取所选值。

如果您制作提交给服务器的标准HTML表单,则所选选项的值应作为参数自动发送。

要通过javascript(以及具体的jQuery)执行此操作,您需要:

value
name