javascript - 避免触发多次点击事件

Question

当我点击它的兄弟链接时，我试图禁用/启用输入字段。

这是我的代码。

$('a').on('click',function(){
    var inp=$(this).siblings('input');
    inp.prop('disabled', false);
    $(this).click(function(){
        inp.prop('disabled', true);
    });
});

当我第一次点击时它工作正常，但是从下一次它就不能工作了。因为这两个点击功能，触发器。我无法克服这个问题。请帮助我。

See the fiddle.

Answer 1

只需在每次点击时取消 disabled Prop 。 elem.disabled = ! elem.disabled.

演示 fiddle :http://jsfiddle.net/abhitalks/2a2ajbnb/1/

片段:

$('a').on('click',function(){
    var $inp = $(this).siblings('input');
    $inp.prop('disabled', !$inp.prop('disabled'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="x" value="22" disabled/><a href="#">change</a>