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

Первоначально установите для кнопки отключенную (например, добавив disabled="disabled" непосредственно в HTML) и определите соответствующее действие для события щелчка в вашем списке:

$("#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);
});