0

だから私はjqueryでフォームを送信して隠したり表示したりしようとしています。

しかし、再送信しても機能しません。

HTML:

<form id="filters" href="#">
        <table id="filter" class="table">
                <thead>
                    <tr>
                    <th>Show/Hide</th><th>Column</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                    <td>
                    <input type="checkbox" name="checkNumber" value="1"/>
                    </td>
                    <td>
                    Account Number
                    </td>
                    </tr>
                </tbody>
        </table>
</form>

Jクエリ:

$(function() {
   $('#filters').submit(function() {
       if ($('input[name=checkNumber]').attr('checked') == true) {
           $('input[name=search_account]').show("normal");      
       }
      else if ($('input[name=checkNumber]').attr('checked') !== true) {
           $('input[name=search_account]').hide("normal");
       }
           return false;
    }); 

});

他の方法もいろいろ試しましたが、どれも同じです。送信すると、正しい入力タグが非表示になりますが、再送信して表示すると機能しません。

チェックボックスをオンにして送信しても機能しません。

どんな助けでも大歓迎です！

4

4 に答える 4

0

使用する.on('submit',function(){ your code here and check your code in the else if part. you should use != not !==});

于 2013-07-03T08:33:58.463 に答える
0

これを試して。

 else if ($('input[name=checkNumber]').attr('checked') != true) {
           $('input[name=search_account]').hide("normal");
       }
于 2013-07-03T08:34:16.233 に答える
0

あなたのhtmlも無効であることに気付きました。href 属性がないため、代わりに action を使用する必要があります。しかし、あなたの場合、フォームはまったく必要ないようです。

あなたが達成したいと思うかもしれないことは次のとおりです。

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    </head>
    <body>
        <table id="filter" class="table">
            <thead>
                <tr>
                    <th>Show/Hide</th><th>Column</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <input type="checkbox" name="checkNumber" value="1" />
                    </td>
                    <td>
                        Account Number
                    </td>
                </tr>
            </tbody>
        </table>

        <input name="search_account" style="display: none;" />

        <script type="text/javascript">
            $(function() {
                $("#filter input[name=checkNumber]").click(function() {
                    if ($(this).is(":checked")) {
                        $("input[name=search_account]").show();
                    } else {
                        $("input[name=search_account]").hide();
                    }
                }); 
            });
        </script>

    </body>
</html>
于 2013-07-05T12:28:38.873 に答える
0

私はあなたが使うべきだと言うでしょう

$('input[name=checkNumber]').is(':checked')

それ以外の

$('input[name=checkNumber]').attr('checked')
于 2013-07-03T08:49:46.613 に答える