[英]CheckBox's jquery onchange() not work in mozila firefox
在復選框onchange()
事件中,我正在嘗試隱藏/顯示兩個文本框,但我遇到了問題。 CheckBox 的 jQuery onchange()
在 IE 中有效,但在 Mozilla firefox 中無效。 我搜索了很多文章,但沒有看到任何合適的答案。 那么該怎么辦 ?
對不起,我的英語不好。
<asp:CheckBox ID="chk_citfc" runat="server" onchange="citfc()" Text="is applicable" />
function citfc() {
$(function() {
$('#<%=chk_citfc.ClientID %>').click(function() {
if ($(this).is(":checked")) {
$('#<%=TXT_CITFC.ClientID %>').show(1000);
$('#<%=hfnumber.ClientID %>').show(1000);
} else {
$('#<%=TXT_CITFC.ClientID %>').hide(1000);
$('#<%=hfnumber.ClientID %>').hide(1000);
}
});
});
}
根據當前的實現,每當checked
狀態發生change
時,不顯眼的click
事件處理程序都會使用內聯change
處理程序附加到元素。
要執行所需的選項,請使用不顯眼的事件處理程序並去掉onchange="citfc()"
。
HTML
<asp:CheckBox ID="chk_citfc" runat="server" Text="is applicable" />
腳本
$(function() {
$('#<%=chk_citfc.ClientID %>').change(function() {
if (this.checked) {
$('#<%=TXT_CITFC.ClientID %>, #<%=hfnumber.ClientID %>').show(1000);
} else {
$('#<%=TXT_CITFC.ClientID %>, #<%=hfnumber.ClientID %>').hide(1000);
}
});
});
或者,正確使用內聯事件處理程序
<asp:CheckBox ID="chk_citfc" runat="server" onchange="citfc(this)" Text="is applicable" />
function citfc(element) {
if (element.checked)) {
$('#<%=TXT_CITFC.ClientID %>, #<%=hfnumber.ClientID %>').show(1000);
} else {
$('#<%=TXT_CITFC.ClientID %>, #<%=hfnumber.ClientID %>').hide(1000);
}
}
試試這個......它可能會起作用
function citfc() {
if ($('#<%=chk_citfc.ClientID%>').is(':checked'))
{
$("#<%=TXT_CITFC.ClientID%>").css("display", "block");
}
else
{
$("#<%=TXT_CITFC.ClientID%>").css("display", "none");
}
}
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function(s, e) {
citfc();
});
也在文檔就緒函數中調用相同的函數
$(document).ready(function() {
citfc();
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.