javascript - 如何在单击单选按钮后在固定的时间间隔内禁用它们？

Question

大家好，

    <input type="radio" value="LIKE" onclick="func(this.value)">LIKE
    <br>
    <input type="radio" value="OK" onclick="func(this.value)">OK
    <br>
    <input type="radio" value="DISLIKE" onclick="func(this.value)">DISLIKE
    <br>

我想在单击其中一个单选按钮时禁用所有单选按钮，然后在固定的时间间隔后启用它。

Answer 1

如果您不介意使用 jQuery，这里是一个示例，您可以如何做到这一点。您可以使用 HTML 属性 disabled单击时禁用 radio ，然后使用 setTimeout在设定的时间后再次启用它们。以下时间设置为 3000 毫秒。

$('document').ready( function() {
    $('input').on('click', function(){
        $('input').attr('disabled',true);

        setTimeout(function() {
            $('input').attr('disabled',false);
        }, 3000);
    });    
});

http://jsfiddle.net/0912shz0/1/