當我單擊打開按鈕時，頁面中應出現一個文本框

Question

當我單擊活動按鈕時，頁面中應出現一個框，當我單擊關閉時，它應從頁面中隱藏

<div class="btn-group btn-group-toggle" data-toggle="buttons">
    <label class="btn btn-secondary ">
        <input type="radio" name="options" id="option1" autocomplete="off" checked> Open
    </label>
    <label class="btn btn-secondary">
        <input type="radio" name="options" id="option2" autocomplete="off"> Closed
    </label>
</div>

Answer 1

使用單選按鈕的更改事件

 $("input[name='options']").on('change',function(){ if($(this).attr('id') == 'option1'){ $('#myDiv').show(); }else{ $('#myDiv').hide(); } })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div style="height:100px" id="myDiv">MY DIV WILL BE HERE</div> <body> <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-secondary "> <input type="radio" name="options" id="option1" autocomplete="off" checked> Open </label> <label class="btn btn-secondary"> <input type="radio" name="options" id="option2" autocomplete="off"> Closed </label> </div>

Answer 2

您可以使用引導模式和模式按鈕在單擊按鈕時打開一個框。 如果你想制作一個自定義按鈕，那么這里是 jquery 的代碼。

$(document).ready(function()
{
$("button.active").on("click",function()
{
$(".page-box").toggle();
//page-box is the box container which you want to open 
})


});

Answer 3

那是你要的嗎？

 $(document).ready(function() { $('input[name=options]').change(function(e) { var isOpen = $(this).val() == "Open"; $('#box').toggle(isOpen); }); });

 #box { padding-top: 15px; }

 <div class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-secondary "> <input type="radio" name="options" value="Open" id="option1" autocomplete="off" checked> Open </label> <label class="btn btn-secondary"> <input type="radio" name="options" value="Closed" id="option2" autocomplete="off"> Closed </label> </div> <div id="box">More Info</div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

當我單擊打開按鈕時，頁面中應出現一個文本框

問題描述

3 個解決方案

解決方案1
2 2020-02-01 08:06:22

解決方案2
1 2020-02-01 07:57:13

解決方案3
1 已采納 2020-02-01 07:57:25

當我單擊打開按鈕時，頁面中應出現一個文本框

問題描述

3 個解決方案

解決方案1 2 2020-02-01 08:06:22

解決方案2 1 2020-02-01 07:57:13

解決方案3 1 已采納 2020-02-01 07:57:25

解決方案1
2 2020-02-01 08:06:22

解決方案2
1 2020-02-01 07:57:13

解決方案3
1 已采納 2020-02-01 07:57:25