Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据下拉选择启用和禁用按钮。-引导程序3_Javascript_Jquery_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 根据下拉选择启用和禁用按钮。-引导程序3

Javascript 根据下拉选择启用和禁用按钮。-引导程序3,javascript,jquery,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap 3,我有一个名为“更新”的按钮,在从下拉菜单中选择一个选项之前,我希望禁用该按钮 到目前为止,我已禁用该按钮: $('.btn-update').prop('disabled', true); 这是按钮和下拉菜单的标记: <div class="col-md-12 tableContainer"> <div class="panel-heading import-song-panel text-center"> <div cla

我有一个名为“更新”的按钮,在从下拉菜单中选择一个选项之前,我希望禁用该按钮

到目前为止,我已禁用该按钮:

$('.btn-update').prop('disabled', true);
这是按钮和下拉菜单的标记:

<div class="col-md-12 tableContainer">
        <div class="panel-heading import-song-panel text-center">
            <div class="panel-title">
                <ul class="list-inline">
                    <li class="pull-right">
                        <div class="dropdownContainer btn-group text-right">
                            <button type="button" class="btn btn-primary br2 btn-md fs12 dropdown-toggle table-btn" id="table-actionbtn" data-toggle="dropdown" aria-expanded="false">
                                Select Status
                                <span class="caret ml5"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                                <li>
                                    <a href="#" data-container="body" data-toggle="tooltip" title="Accept & Send" data-rowhover="editTableRow">Accept &amp; Send</a>
                                    <a href="#" data-container="body" data-toggle="tooltip" title="Accept" data-rowhover="editTableRow">Accept</a>
                                    <a href="#" data-container="body" data-toggle="tooltip" title="Reject" data-rowhover="editTableRow">Reject</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
    </div>

    <div class="col-md-12 text-right">
        <div class="panel-heading import-song-panel text-right">
            <input type="button" class="btn btn-primary" id="js_CancelForm" value="Cancel" />
            <input type="submit" class="btn btn-success btn-update" id="js_SubmitForm" value="Update" />
        </div>
    </div>

  • 选择状态

有人能告诉我,只有在从下拉菜单中选择状态时,我才能启用按钮吗

您可以在下拉选项中添加onclick事件

<a href="#" data-container="body" onclick="enableButton()" data-toggle="tooltip" title="Accept & Send" data-rowhover="editTableRow">Accept &amp; Send</a>

您可以在下拉选项上添加onclick事件

<a href="#" data-container="body" onclick="enableButton()" data-toggle="tooltip" title="Accept & Send" data-rowhover="editTableRow">Accept &amp; Send</a>

您可以将类添加到下拉选项中,也可以添加单击事件。 比如:


您可以在下拉选项中添加类,也可以添加单击事件。 比如:

$('.optclick').click(function(){
$('.btn-update').prop('disabled', false);
e.preventDefault();

});