按鈕單擊時顯示2個文本框JS

當用戶單擊按鈕時，我已經實現了編碼以顯示文本框。當用戶點擊同一個按鈕時，我需要修改該編碼以查看2個文本框。我會把編碼放在下面。謝謝！按鈕單擊時顯示2個文本框JS

<div class="form-group"> 
    <div class="col-sm-9"> 
    <div id="welcomeDiv" class="answer_list" style="display:none;"> <input type="text" /></div> 

    <input type="button" name="answer" value="Customize Size" onclick="showDiv()" /> 

</div>

function showDiv(){ 
     $("#welcomeDiv").show("slow"); 
}

來源

2017-09-27 Ryan Oscar

這不是PHP，它的JavaScript。無論如何，解決方案是將您的div id更改爲類，並將該類分配給兩個div – miknik

試試這一個。

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
    $("#input1").hide(); 
      $("#input2").hide(); 
     $("#hide").click(function(){ 
      $("#input1").hide(); 
      $("#input2").hide(); 
     }); 
     $("#show").click(function(){ 
      $("#input1").show(); 
      $("#input2").show(); 
     }); 
    }); 
    </script> 
    </head> 
    <body> 

    <input type="text" id="input1"/> 
    <input type="text" id="input2"/> 

    <button id="hide">Hide</button> 
    <button id="show">Show</button> 

    </body> 
    </html>

希望這有助於:)

來源

2017-09-27 00:17:58 emjr

這正是同樣喜歡你的代碼檢查了這一點這是fiddle link 與代碼片段也

<div class="form-group"> 
    <div class="col-sm-9"> 
    <div id="welcomeDiv" class="answer_list"> <input type="text" /></div> 
    <input type="button" name="answer" value="Customize Size" /> 
</div>

這是JavaScript的有點不同，但你會得到它

$("input[type='button']").click(function(){ 
     $("#welcomeDiv").show('slow'); 
});

我不喜歡給風格元素，因此使用css.css

#welcomeDiv{ 
    display:none; 
}

$("input[type='button']").click(function(){ 
 
     $("#welcomeDiv").show('slow'); 
 
});

#welcomeDiv{ 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
    <div class="col-sm-9"> 
 
    <div id="welcomeDiv" class="answer_list"> <input type="text" /></div> 
 
    <input type="button" name="answer" value="Customize Size" /> 
 

 
</div>

來源

2017-09-27 02:04:41

也許您需要單擊以隱藏所以讓我知道我會盡力幫助您 –

按鈕單擊時顯示2個文本框JS

回答

相關問題