当有人单击具有特定ID的单选按钮时,我需要显示警报。
这是单选按钮:
<input name="shipping_method" type="radio" class="validate-one-required-by-name" value="kerst_shipping_standard" id="s_method_kerst_shipping_standard">
当某人单击该单选按钮时,它需要显示警报。
当有人单击具有特定ID的单选按钮时,我需要显示警报。
这是单选按钮:
<input name="shipping_method" type="radio" class="validate-one-required-by-name" value="kerst_shipping_standard" id="s_method_kerst_shipping_standard">
当某人单击该单选按钮时,它需要显示警报。
尝试下一个代码:
document.getElementById("s_method_kerst_shipping_standard").addEventListener('click',function(){
alert('clicked');
})
<input name="shipping_method" type="radio" class="validate-one-required-by-name" value="kerst_shipping_standard" id="s_method_kerst_shipping_standard">
,
简单示例:
document.getElementById("s_method_kerst_shipping_standard").onclick = function(){
alert('Your alert')
}
链接到相似的question
,使用文档选择您的
button
即可轻松完成此操作 方法 getElementById() 并与您的功能绑定 alert 里面的 onclick 。
就像我在下面所做的那样:
document.getElementById('s_method_kerst_shipping_standard').onclick = function(){
alert("Alert!");
};
<input name="shipping_method" type="radio" class="validate-one-required-by-name" value="kerst_shipping_standard" id="s_method_kerst_shipping_standard">
,
radioBtn = document.querySelector("#s_method_kerst_shipping_standard");
console.log(radioBtn);
radioBtn.addEventListener("click",function(e){
alert("test")
}
)
,
尝试一下。
document.getElementById('s_method_kerst_shipping_standard').addEventListener('click',function() {
alert('ok');
});
我假设ID在文档中是唯一的。
,
function inputSelect(value)
{
if(document.getElementById("s_method_kerst_shipping_standard").checked===true)
{
alert("You Clicked");
}
}
<input name="shipping_method" type="radio" class="validate-one-required-by-name" value="kerst_shipping_standard" id="s_method_kerst_shipping_standard" onclick="inputSelect(this.value)">
您必须设置一个onclick侦听器。您可以按照以下步骤在javascript中检查是否已选中