Javascript-在ID上选中特定单选按钮时显示警报

当有人单击具有特定ID的单选按钮时,我需要显示警报。

这是单选按钮:

<input name="shipping_method" type="radio" class="validate-one-required-by-name" value="kerst_shipping_standard" id="s_method_kerst_shipping_standard">

当某人单击该单选按钮时,它需要显示警报。

huxinyuhao 回答:Javascript-在ID上选中特定单选按钮时显示警报

尝试下一个代码:

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中检查是否已选中

本文链接:https://www.f2er.com/3161115.html

大家都在问