亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

選擇/取消選擇單選按鈕時顯示/隱藏表單

選擇/取消選擇單選按鈕時顯示/隱藏表單

慕后森 2023-07-06 10:02:38
可以使用以下代碼來幫助您。(參見片段)當選擇“Ja”時,它應該顯示一個用于輸入信息的框。如果選擇“Nein”,則不應顯示任何內容。當我選擇 ne 時,輸入框仍然顯示。在此先感謝您的幫助!function myFunction() {  var radioBoxOne = document.getElementById("nein");  var radioBox = document.getElementById("ja");  var text = document.getElementById("Gehalt");    if (radioBox.checked == true){    text.style.display = "block";  }      else if  (radioBoxOne.checked == true){    text.style.display = "none";  } }<!DOCTYPE html><html><body>    <label class="add_top_15">Gehalt (netto)</label></br></br><div class="form-group radio_input">    <label for="myCheck" class="container_radio mr-3">Ja    <input type="radio" name="gehalt" value="ja" class="required" id="ja" onclick="myFunction()">        <span class="checkmark"></span>    </label>    <label for="myCheckEd" class="container_radio mr-3">Nein    <input type="radio" name="gehalt" value="nein" class="required" id="nein">        <span class="checkmark"></span>    </label></div></br></br><div id="Gehalt" style="display:none" class="form-group add_top_30">    <label for="Gehalt">Gehalt (netto)</label>    <input type="text" name="Gehaltt" id="Gehalt" class="form-control required"></div></body></html>
查看完整描述

3 回答

?
拉風的咖菲貓

TA貢獻1995條經驗 獲得超2個贊

是的,您忘記在“nein”輸入上觸發 onclick


<label for="myCheckEd" class="container_radio mr-3">Nein

<input type="radio" name="gehalt" value="nein" class="required" id="nein" onclick="myFunction()">

    <span class="checkmark"></span>


</label>


查看完整回答
反對 回復 2023-07-06
?
慕慕森

TA貢獻1856條經驗 獲得超17個贊

只需將功能添加到 Nein 收音機即可。


我稍微縮小了代碼。


function myFunction() {

  var radioJa = document.getElementById("ja");

  const text = document.getElementById("Gehalt");

  text.style.display = radioJa.checked ? 'block' : 'none';

}

<!DOCTYPE html>

<html>

<body>

    <label class="add_top_15">Gehalt (netto)</label>


</br></br>


<div class="form-group radio_input">

    <label for="myCheck" class="container_radio mr-3">Ja

    <input type="radio" name="gehalt" value="ja" class="required" id="ja" onclick="myFunction()" />

        <span class="checkmark"></span>

    </label>


    <label for="myCheckEd" class="container_radio mr-3">Nein

    <input type="radio" name="gehalt" value="nein" class="required" id="nein" onclick="myFunction()" />

        <span class="checkmark"></span>

    </label>

</div>


</br></br>


<div id="Gehalt" style="display:none" class="form-group add_top_30">

    <label for="Gehalt">Gehalt (netto)</label>

    <input type="text" name="Gehaltt" id="Gehalt" class="form-control required">

</div>


</body>

</html>


查看完整回答
反對 回復 2023-07-06
?
MM們

TA貢獻1886條經驗 獲得超2個贊

您可以使用該onchange事件來解決顯示問題。


    function myFunction(radio) {

      var text = document.getElementById("Gehalt");


      if (radio.value == "ja"){

        text.style.display = "block";

      } 

      

       else if  (radio.value =="nein"){

        text.style.display = "none";

      } 


    }

  <!DOCTYPE html>

    <html>

    <body>

        <label class="add_top_15">Gehalt (netto)</label>


    </br></br>


    <div class="form-group radio_input">

        <label for="myCheck" class="container_radio mr-3">Ja

        <input type="radio" name="gehalt" value="ja" class="required" id="ja" onchange="myFunction(this)">

            <span class="checkmark"></span>

        </label>


        <label for="myCheckEd" class="container_radio mr-3">Nein

        <input type="radio" name="gehalt" value="nein" class="required" id="nein" onchange="myFunction(this)">

            <span class="checkmark"></span>

        </label>

    </div>


    </br></br>


    <div id="Gehalt" style="display:none" class="form-group add_top_30">

        <label for="Gehalt">Gehalt (netto)</label>

        <input type="text" name="Gehaltt" id="Gehalt" class="form-control required">

    </div>


    </body>

    </html>


查看完整回答
反對 回復 2023-07-06
  • 3 回答
  • 0 關注
  • 195 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號