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"> </td>
<td class="table_label" width='100px'>College Bank Name</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtCollegeBankName' id='txtCollegeBankName'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>DD NO</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtDDNO' id='txtDDNO'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>DD Amount</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtDDAMT' id='txtDDAMT'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>DD Bank Name</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtBankName' id='txtBankName'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>Remarks</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtRemarks' id='txtRemarks'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </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"> </td>
<td class="table_label" width='100px'>College Bank Name</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtCollegeBankName' id='txtCollegeBankName'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>CHQ NO</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtDDNO' id='txtDDNO'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>CHQ Amount</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtDDAMT' id='txtDDAMT'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>CHQ Bank Name</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtBankName' id='txtBankName'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
<tr>
<td style="width:5px"> </td>
<td class="table_label" width='100px'>Remarks</td>
<td style="width:10px"> </td>
<td>
<input type='text' name='txtRemarks' id='txtRemarks'
Class='text_box_height_14_width_150' >
</td>
<td></td>
<td style="width:5px"> </td>
</tr>
</table>
</div>
默认情况下我可以选择一个,但我不能选择另一个...我以前的单选按钮保持选中状态,我的新单选按钮单击切换 div 但它没有被选中....
【问题讨论】:
【参考方案1】:您的单选按钮未被选中,因为您的点击函数中有event.preventDefault();
- 这会取消点击并且不会选择它们。
只需删除这些行。
【讨论】:
只是为了澄清:你需要event.preventDefault();
点击<a>
,所以页面不会跳起来,但对于收音机来说不是。【参考方案2】:
从标记的最开始,您就没有关闭<input>
标记。
事实上,您永远不会关闭任何输入标签。
【讨论】:
<input>
标签不需要关闭 - 事实上它们不能。只有 Xhtml 需要像 <input />
这样的操作
输入元素被定义为 EMPTY,因此结束标签 必须 被省略(在 HTML 中)。如果作者使用的是 XHTML(并且没有任何迹象表明他是),那么唯一会导致问题的情况是文档被解析为 XHTML,在这种情况下,我会期待有关黄屏死机而不是事件的问题按预期发射。以上是关于Jquery Onclick 似乎对我不起作用的主要内容,如果未能解决你的问题,请参考以下文章
当通过 ajax 加载表单时,jQuery 的 live 和 livequery 对我不起作用
当我按照他们教程中的所有说明进行操作时,为啥这个 JQuery-Custom-Content-Scroller 对我不起作用?
为 Chrome 77 上的 google recaptcha v2 警告尝试 SameSite 属性修复似乎对我不起作用?