单选按钮的onclick不工作 [英] Radio button onclick not working

查看:106
本文介绍了单选按钮的onclick不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我将从这取决于被点击的按钮列表显示某些工作3单选按钮。我用一个搜索按钮以运行搜索code。因此,用户将选择一个单选按钮,然后单击搜索。但现在我已经删除搜索按钮,我想,当点击单选按钮来调用搜索功能。

 <表>
  &所述; TR>
    &所述; TD>
      <标签ID =lblAll=服务器>所有< /标签>
      <输入类型=电台NAME =rbl_filter=服务器ID =rbAll的onclick =btnSearch_Click/>
    < / TD>
    &所述; TD>
      <标签ID =lblCollections=服务器>收藏与LT; /标签>
      <输入类型=电台NAME =rbl_filter=服务器ID =rbCollections检查=真的onclick =btnSearch_Click/>
    < / TD>
    &所述; TD>
      <标签ID =lblDeliveries=服务器>派送和LT; /标签>
      <输入类型=电台NAME =rbl_filter=服务器ID =rbDeliveries的onclick =btnSearch_Click/>
    < / TD>
  < / TR>
< /表>

我添加了搜索按钮使用的相同的onclick code。但没有任何反应,当我点击单选按钮


解决方案

你有你的函数名后使用()

这是你想要的。

\r
\r

函数btnSearch_Click(){\r
         警报(你好);\r
       }

\r

<表>\r
  &所述; TR>\r
    &所述; TD>\r
      <标签ID =lblAll=服务器>所有< /标签>\r
      <输入类型=电台NAME =rbl_filter=服务器ID =rbAll的onclick =btnSearch_Click(); />\r
    < / TD>\r
    &所述; TD>\r
      <标签ID =lblCollections=服务器>收藏与LT; /标签>\r
      <输入类型=电台NAME =rbl_filter=服务器ID =rbCollections检查=真的onclick =btnSearch_Click(); />\r
    < / TD>\r
    &所述; TD>\r
      <标签ID =lblDeliveries=服务器>派送和LT; /标签>\r
      <输入类型=电台NAME =rbl_filter=服务器ID =rbDeliveries的onclick =btnSearch_Click(); />\r
    < / TD>\r
  < / TR>\r
< /表>

\r

\r
\r

的jsfiddle

I have 3 radio buttons that will display certain jobs from a list depending on which button is clicked. I used to use a search button to run the search code. So the user would select a radio button then click search. But now I have removed the search button and I want the radio buttons to call the search function when clicked.

<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> 

I added the same onclick code that the search button was using. But nothing happens when I click the radio buttons

解决方案

you have to use () after your function name

this is what you want

       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>

and for jsfiddle

这篇关于单选按钮的onclick不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆