💡

ラジオボタンを未選択にするUserScript

2023/05/24に公開

ラジオボタンって一度押してしまうと未選択にできなくて困りますよね。
ということでラジオボタンを未選択にするだけのUserScriptです。

// ==UserScript==
// @name         Uncheck Radio Buttons with Simple Button
// @namespace    your-namespace
// @version      1.0
// @description  Unchecks all radio buttons on the page
// @match        http://*/*
// @match        https://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    // ボタンを作成
    var button = document.createElement('button');
    button.textContent = 'Uncheck Radio Buttons';
    button.style.padding = '6px 12px';
    button.style.border = 'none';
    button.style.backgroundColor = '#f0f0f0';
    button.style.color = '#333';
    button.style.cursor = 'pointer';
    button.style.borderRadius = '4px';
    
    // ボタンが押されたときの処理
    function uncheckRadioButtons() {
        var radios = document.querySelectorAll('input[type="radio"]');
        
        radios.forEach(function(radio) {
            radio.checked = false;
        });
    }
    
    // ボタンがクリックされたときに処理を実行
    button.addEventListener('click', function() {
        uncheckRadioButtons();
    });
    
    // ボタンをページに追加
    document.body.appendChild(button);
})();

Discussion