Javascript 单击时未激发onclick事件

我正面临一个棘手的小问题。。单选按钮的onclick操作未执行。我也尝试过onchange事件，但没有用

   <label><input type="radio" name="search_type" id="search_type" value="name" onchange="by_name()">Enter the Name </label> 
  <input name="tag" type="text" id="search" maxlength="30">                       
  <label><input type="radio" name="search_type" id="search_type" value="all" onchange="all()">All</label>

你能帮我提建议吗。。js文件也被链接起来了

编辑：它可以处理所有文件

首先，您使用两个具有相同id的不同输入。您不能这样做

第二，尝试将HTML与JS分开：

HTML:

为什么要把它们分开

它是现代的，如果你有很多HTML，如果你把它放在一个单独的文件中，阅读javascript就更容易了

$(document).ready(function() 
        {

            $('body').click(function()
            {
                alert('hi');
            });
         });

在这里，将body标记更改为要在其上执行函数的对象的ID。 确保您正在使用Jquery，否则将无法重命名该函数。在许多浏览器中，all都具有预定义的含义，因此即使在与内在事件属性一起使用时实际上不是保留关键字，也可以有效地使用all

给出NS\u ERROR\u非法值：非法值

---

已全部重命名为notall。

请尝试将单击添加到标签。Onclick应该适用于radiobutton。可能在处理事件后写入函数。为什么要用相同的名称重复id？不工作。。。控制装置不在里面。。。无论是javascript还是jquery：请重试。起初我没有完成文档准备功能@萨缪尔马修斯

<label>
    <input type="radio" name="search_type" id="search_type" value="name">Enter the Name</label>
<input name="tag" type="text" id="search" maxlength="30">
<label>
    <input type="radio" name="search_type" id="search_type2" value="all">All</label>

var input1 = document.getElementById('search_type');
var input2 = document.getElementById('search');
var input3 = document.getElementById('search_type2');

input1.onclick = function(){
    alert('input1');
};
input2.onclick = function(){
    alert('input2');
};
input3.onclick = function(){
    alert('input3');
};

$(document).ready(function() 
        {

            $('body').click(function()
            {
                alert('hi');
            });
         });