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

【问题标题】：How to disable the radio button for a fixed interval of time after clicking them单击它们后如何在固定的时间间隔内禁用单选按钮
【发布时间】：2014-09-03 21:46:57
【问题描述】：

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

    <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>

【问题讨论】：

标签： html javascript

【解决方案1】：

我已经在你之前的帖子中回答了，无论如何它对我有用，你可以试试吗？

    <script>
    function func(thisValue){
        setTimeout(function() {
          $('input[type=radio]').attr("disabled",true);
           $('input[type=radio]').removeAttr("checked");

           $('input[value='+thisValue+']').attr("disabled",false);
           $('input[value='+thisValue+']').attr("checked","checked");
           $('input[value='+thisValue+']').prop('checked', true);

        }, 100);
    }
    </script>

HTML

    <label onclick="func('LIKE')" style="position:relative"><input type="radio" value="LIKE" >LIKE</label>
    <label onclick="func('DISLIKE')" style="position:relative"><input type="radio" value="DISLIKE">DISLIKE</label>

【讨论】：

【解决方案2】：

这样的？

HTML：

<input type="radio" value="LIKE">LIKE
<br>
<input type="radio" value="OK">OK
<br>
<input type="radio" value="DISLIKE">DISLIKE
<br>

JS：

var inputs = document.getElementsByTagName('input');
var len = inputs.length;

for (var i=0; i<len; i++) {
    inputs[i].addEventListener('click', function() {
        for (var j=0; j<len; j++) {
            inputs[j].disabled = true;
        }
        window.setTimeout(function() {
            for (var j=0; j<len; j++) {
                inputs[j].disabled = false;
            }
        }, 1000);
    });
}

这是fiddle。

【讨论】：