Question

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

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

谢谢你！

Answer 1

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

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

Answer 2

你可以这样做 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 3

这是有效的

<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 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);
});

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

4 个答案: