單擊后如何在固定的時間間隔內禁用單選按鈕

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

我已經在您的上一篇文章中回答了，無論如何對我有用，您可以嘗試一下嗎？

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

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

這是一個小提琴 。