4
<div class="btn-toolbar search-dropdown" style="float:left;margin-right:10px;">
    <div class="btn-group">
        <button class="btn btn-small">All Types</button>
        <button data-toggle="dropdown" class="btn btn-small dropdown-toggle"><span class="caret"></span>
        </button>
        <ul class="dropdown-menu" id="search-type">
            <li>
                <label class="checkbox">
                    <input type="checkbox" name="tv" value="TV">TV</input></label>
            </li>
            <li>
                <label class="checkbox">
                    <input type="checkbox" name="movies" value="Movies">Movies</input></label>
            </li>
        </ul>
    </div>
</div>
4

4 に答える 4

13

これは、<button>要素がデフォルトで独自のフォームを送信するためです。要素はtype="submit"属性を継承します。

そうしたくない場合は、属性を追加しtype="button"て、通常のボタンにします。

于 2013-03-05T23:33:01.237 に答える
0

チェックボックスをクリックしたときにドロップダウンボックスを閉じたくない場合は、次のように行うことができます。

jQuery(document).ready(function($){

    $('input[type="checkbox"]').on('click',function(event){
        event.stopPropagation();

    });

});
于 2013-03-05T23:15:50.757 に答える
0

ドロップダウン トグルには<a>、 ではなく要素を使用します。<button>唯一の欠点は、異なるタイプを混在させると、レンダリングに矛盾が生じる可能性があることです。それが気になる場合は、送信ボタンを<a>もに切り替えて、javascriptを使用してonclickでフォームを送信してください。

于 2013-03-05T23:34:28.817 に答える