Jquery Onclick 似乎对我不起作用

Posted

技术标签:

【中文标题】Jquery Onclick 似乎对我不起作用【英文标题】:Jquery Onclick doesnt seem to work for me 【发布时间】:2011-01-14 07:57:50 【问题描述】:

我的 php 页面使用三个单选按钮的序列和三分之二的调用 jquery click 事件并相应地切换 div...

这是我的 Jquery 函数....

$(function()     
  $("#click_here").click(function(event) 
    event.preventDefault();
    $("#div1").slideToggle();
  );

  $("#div1 a").click(function(event) 
    event.preventDefault();
    $("#div1").slideUp();
  );
);

$(function() 
  $("#click").click(function(event) 
    event.preventDefault();
    $("#div2").slideToggle();
  );

  $("#div2 a").click(function(event) 
    event.preventDefault();
    $("#div2").slideUp();
  );
);

我的单选按钮是

        <input type="radio" name="Modeofpayment" value="1">Cash
        <div>
          <div id="id"  style="width:411x; height:20px;">
              <input type="radio" name="Modeofpayment" id="click_here" value="2">DD
              </div>
    <div style="display: none;" id="div1">
        <div style="float:right;">
            <a href="#" class="close">[x]</a>
        </div>
    <input type="hidden" name="chkVal" id="chkVal" size="20">
        <table border="0"  align="center">
           <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>College Bank Name</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtCollegeBankName' id='txtCollegeBankName' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>DD NO</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtDDNO' id='txtDDNO' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>DD Amount</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtDDAMT' id='txtDDAMT' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>DD Bank Name</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtBankName' id='txtBankName' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>Remarks</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtRemarks' id='txtRemarks' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>   


        </table>

    </div>
    <div>
          <div id="id"  style="width:411x; height:20px;">
               <input type="radio" name="Modeofpayment" id="click" value="3">Cheque
          </div>
    <div style="display: none;" id="div2">
        <div style="float:right;">
            <a href="#" class="close">[x]</a>
        </div>
    <input type="hidden" name="chkVal" id="chkVal" size="20">
        <table border="0"  align="center">
           <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>College Bank Name</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtCollegeBankName' id='txtCollegeBankName' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>CHQ NO</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtDDNO' id='txtDDNO' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>CHQ Amount</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtDDAMT' id='txtDDAMT' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>CHQ Bank Name</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtBankName' id='txtBankName' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>
            <tr>
            <td style="width:5px">&nbsp;</td>
            <td class="table_label" width='100px'>Remarks</td>
            <td style="width:10px">&nbsp;</td>
            <td>
            <input type='text' name='txtRemarks' id='txtRemarks' 

            Class='text_box_height_14_width_150' >
            </td>
            <td></td>
            <td style="width:5px">&nbsp;</td>
            </tr>   


        </table>

    </div>

默认情况下我可以选择一个,但我不能选择另一个...我以前的单选按钮保持选中状态,我的新单选按钮单击切换 div 但它没有被选中....

【问题讨论】:

【参考方案1】:

您的单选按钮未被选中,因为您的点击函数中有event.preventDefault(); - 这会取消点击并且不会选择它们。 只需删除这些行。

【讨论】:

只是为了澄清:你需要event.preventDefault();点击&lt;a&gt;,所以页面不会跳起来,但对于收音机来说不是。【参考方案2】:

从标记的最开始,您就没有关闭&lt;input&gt; 标记。

事实上,您永远不会关闭任何输入标签。

【讨论】:

&lt;input&gt; 标签不需要关闭 - 事实上它们不能。只有 Xhtml 需要像 &lt;input /&gt; 这样的操作 输入元素被定义为 EMPTY,因此结束标签 必须 被省略(在 HTML 中)。如果作者使用的是 XHTML(并且没有任何迹象表明他是),那么唯一会导致问题的情况是文档被解析为 XHTML,在这种情况下,我会期待有关黄屏死机而不是事件的问题按预期发射。

以上是关于Jquery Onclick 似乎对我不起作用的主要内容,如果未能解决你的问题,请参考以下文章

当通过 ajax 加载表单时,jQuery 的 live 和 livequery 对我不起作用

当我按照他们教程中的所有说明进行操作时,为啥这个 JQuery-Custom-Content-Scroller 对我不起作用?

为 Chrome 77 上的 google recaptcha v2 警告尝试 SameSite 属性修复似乎对我不起作用?

为啥“点子秀”或“点子列表”对我不起作用?

WordPress - CSS 导入对我不起作用

带有可排序UI的jQuery拖放不起作用