Jquery 禁用表单按钮，直到单击非表单元素

Question

我有一个简单的列表，未包含在表单和表单中。

我想要做什么：我希望仅当有人单击该列表的一个元素时才启用表单的提交按钮。 使用 jquery 可以吗？

谢谢你！

Answer 1

你可以这样做
HTML

<ul id="list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
<form>
    <input id="btnSubmit" type="submit" disabled="disabled" value="Submit"/>
</form>

JavaScript

$(document).ready(function() {
    $('#list > li').click(function() {
        $('#btnSubmit').removeAttr('disabled');
    });
});

演示：
http://jsfiddle.net/ynhat/r6nUD/

Answer 2

这有效

<script src="http://code.jquery.com/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
     $(document).ready(function() {

       $('#MyList').click(function() {
          $('#submitButton').removeAttr("disabled");
       });
    });
</script>

    <ul id="MyList">
     <li>element1</li>
     <li>element2</li>
    </ul>
    <input type="submit" id="submitButton" value="Submit" disabled="true">

Answer 3

最初将按钮设置为禁用（例如，直接在 HTML 中添加 disabled="disabled"），并为列表的单击事件定义适当的操作：

$("#the_list").bind("click", function() {
    $("#submit_button").removeAttr("disabled");
});

Answer 4

试试这个。这里我使用了示例 HTML。

HTML：

<form id="myform">
    <input type="text" />
    <input type="submit" disabled="disabled" />
</form>

JQUERY：

$('#list li').click(function(){
   $('#myform input:submit').attr('disabled',false);
});