0

ユーザーの詳細を取得するテーブルがあります。コードは次のとおりです。

<table id="record" border=1>
    <tr>
        <td>Emp Name</td> 
        <td><input type="text" placeholder="Employee Name"></td>
    </tr>
    <tr>
        <td>Address</td>
        <td><input type="text" placeholder="Address"></td>
    </tr>
    <tr>
        <td></td>
        <td>
            <input type="button" value="Add">
            <input type="button" value="Cancel">
        </td>
    </tr>
</table>

ここで、[キャンセル] ボタンをクリックすると、テーブルが閉じます。これどうやってするの？

4

1 に答える 1

1

入力ボタンにIDを与えるだけです...

   <input type="button" id="close" value="cancel">

次に、いくつかのJqueryを追加します...（jqueryを使用していると仮定します）

 $(document).ready(function(){

    $('#close').click(function(){$('#record').hide();});

 });

デモはこちら

または、ワンライナーがあります...

  <input type="button" value="cancel" onclick="$('#record').hide();">

デモ 2

編集

そして....純粋なjavascriptだけのリクエスト...

<input type="button" id="close" value="Cancel" onclick=" document.getElementById('record').style.display = 'none';">

デモ 3

于 2013-06-13T07:22:05.217 に答える