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