-3

ユーザーが入力するフォームを含む div 内にテーブルがあります。div の上には、「顧客情報」というボタンがあります。顧客が情報を入力したい場合にのみフォームを表示したい。アイデアは、入力したい場合はボタンをクリックすると、フォームが下に表示されるというものです。これらのセクションはたくさんあるので、顧客が見たいものだけを見ればいいのです。以下は例です...

<input type="button" value="Customer Info" onClick="">
<div>
<form>
<table>
<tr>
<td>Name:<input type="text" value="" id="name" name="name"></td>
</tr>
</table>
</div>

私の質問は、Div を表示および非表示にするボタンをクリックすると動作する単純な JavaScript 関数をどのように作成できるかということです。フォームは非表示のままで、値は空白のままです。

4

3 に答える 3

2

onClickイベントを使用してそれを行うことができます：

実施例

HTML:

<button id="some_id">Hide div</button>

<form id="some_form">

<form>

JavaScript:

<script type="text/javascript">
    var theButton = document.getElementById('some_id');
    
    theButton.onclick = function() { 
        document.getElementById('some_form').style.visibility='hidden';   
    }
    
</script>
于 2013-04-24T15:27:15.890 に答える
0 
 <script type="text/javascript">
$("#music").click(function () {
$("#musicinfo").show("slow");
});
</script>

showの代わりにtoggle、fadeToggleなどの効果を変更できます...

于 2013-05-08T10:07:01.743 に答える