Question

我有3个单选按钮，根据单击的按钮显示列表中的某些作业。我曾经使用搜索按钮来运行搜索代码。因此，用户将选择一个单选按钮，然后单击搜索。但是现在我已经删除了搜索按钮，我希望单击时单选按钮可以调用搜索功能。

<table>
  <tr>
    <td>
      <label id="lblAll" runat="server">All</label>
      <input type="radio" name="rbl_filter" runat="server" id="rbAll" onclick="btnSearch_Click" />
    </td>
    <td>
      <label id="lblCollections" runat="server">Collections</label>              
      <input type="radio" name="rbl_filter" runat="server" id="rbCollections" checked="true"  onclick="btnSearch_Click"/>
    </td>
    <td>
      <label id="lblDeliveries" runat="server">Deliveries</label>
      <input type="radio" name="rbl_filter" runat="server" id="rbDeliveries" onclick="btnSearch_Click" />                                                
    </td>
  </tr>
</table>

我添加了搜索按钮使用的相同onclick代码。但是当我点击单选按钮

时没有任何反应

Answer 1

你必须在你的功能名称之后使用（）

这就是你想要的

       function btnSearch_Click() {
         alert("hello");
       }

<table>
  <tr>
    <td>
      <label id="lblAll" runat="server">All</label>
      <input type="radio" name="rbl_filter" runat="server" id="rbAll" onclick="btnSearch_Click();" />
    </td>
    <td>
      <label id="lblCollections" runat="server">Collections</label>
      <input type="radio" name="rbl_filter" runat="server" id="rbCollections" checked="true" onclick="btnSearch_Click();" />
    </td>
    <td>
      <label id="lblDeliveries" runat="server">Deliveries</label>
      <input type="radio" name="rbl_filter" runat="server" id="rbDeliveries" onclick="btnSearch_Click();" />
    </td>
  </tr>
</table>

和jsfiddle

Answer 2

尝试，

onclick="btnSearch_Click();"

你需要有括号。

示例

http://jsfiddle.net/y9vn5fow/1/

Answer 3

转到后面的代码，然后将其添加到EventHandler：

btnSearch_Click(object sender, EventArgs e) handles btnSearch.Click

无需在HTML标记中添加onClick参数

Answer 4

如果您想通过点击单选按钮来调用您的buttonclick事件。

例如：

如有必要，请隐藏您的按钮。

<asp:Button ID="btnSearch" runat="server" OnClick="btnSeach_Click" style="display:none" />

<input type="radio" name="rbl_filter" runat="server" id="rbAll" onclick="searchClick(); return false;" />

的JavaScript

<script type="text/javascript">
 function searchClick()
 {
    document.getElementById('<%= btnSearch.ClientID %>').click();
 }
</script>

希望它会对你有所帮助！

Answer 5

<label onclick="red()"><input type="radio" name="colors" id="red">Red</label>
或
<label onclick="red()"><input type="radio" name="colors" id="red"></label> <label for="red">Red</label>

<script>
function red(){
 alert('i am red');
}
</script>

如果你想在单选按钮上调用onclick功能，那么你可以这样使用，它会对你有用

注意：我们必须在标签上调用功能而不是单选按钮

单选按钮onclick无法正常工作

5 个答案: