用Jquery实现全选后能够执行被选中的checkbox脚本事件!

yy2433720 2011-12-01 03:35:51
我的代码如下: 现在我实现了Checkbox 全选,但是一旦全选后我想执行被选上的脚本事件。 用Jquery实现!!!!

function checkAllstate(o) {

if (o.checked) {
$("input[id^=FeesShow_ctl10_chkSdate]").attr("checked", true);
}
else {
$("input[id^=FeesShow_ctl10_chkSdate]").attr("checked", false);

}
}

脚本事件如下:

function chkShowDropDown(sender, keyvalue) {
$("select[id$='ddl" + keyvalue + "']").each(
function() {
this.style.display = sender.checked ? "block" : "none";
}
);
$("[id$='lbl" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "none" : "block";
});
}





被全选的控件如下:

<asp:CheckBox ID="chkSdate1" runat="server" onclick="chkShowDropDown(this,'AirlineCompany');" />

<asp:CheckBox ID="chkSdate2" runat="server" onclick="chkShowDropDown(this,'AirlineCompany');" />

<asp:CheckBox ID="chkSdate3" runat="server" onclick="chkShowDropDown(this,'AirlineCompany');" />
...全文
137 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
yy2433720 2011-12-01
  • 打赏
  • 举报
回复
function chkShowCloum(sender, keyvalue) {
$("input[id$='txt" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "block" : "none";
});
$("[id$='lbl" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "none" : "block";
});
}

function chkShowDropDown(sender, keyvalue) {
$("select[id$='ddl" + keyvalue + "']").each(
function() {
this.style.display = sender.checked ? "block" : "none";
}
);
$("[id$='lbl" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "none" : "block";
});
}
function chkShowtextarea(sender, keyvalue) {
$("textarea[id$='txt" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "block" : "none";
});
$("[id$='lbl" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "none" : "block";
});
}

function chkShowSpan(sender, keyvalue) {
$("span[id$='txt" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "block" : "none";
})
$("[id$='lbl" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "none" : "block";
})

}
function chkShowtable(sender, keyvalue) {
$("table[id$='" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "block" : "none";
})
$("[id$='lbl" + keyvalue + "']").each(function() {
this.style.display = sender.checked ? "none" : "block";
})

}
function checkAllstate1(o) {

$("input[id^=FeesShow_ctl10_chkSdate]").each(function() {
$(this).attr("checked", o.checked);

chkShowSpan(this, 'Sdate');
chkShowSpan(this, 'Edate');
chkShowtable(this, 'CB');
chkShowDropDown(this, 'AirlineCompany');
chkShowDropDown(this, '_rateType');
chkShowDropDown(this, 'Dptype');
chkShowDropDown(this, 'VoyageType');
chkShowtextarea(this, 'SE');
chkShowtextarea(this, 'EE');
chkShowtextarea(this, 'AircomE');
chkShowtextarea(this, 'NoAircomE');
chkShowtextarea(this, 'Cabin2');
chkShowCloum(this, 'Discount');
chkShowCloum(this, 'RewardDiscount');
chkShowCloum(this, 'PolicyType');
})
}



<asp:CheckBox ID="chkSdate0" name="jquerys[]" runat="server" onclick="chkShowSpan(this,'Sdate');" />
<asp:CheckBox ID="chkSdate1" name="jquerys[]" runat="server" onclick="chkShowSpan(this,'Edate');" />
<asp:CheckBox ID="chkSdate2" name="jquerys[]" runat="server" onclick="chkShowtable(this,'CB');" />
<asp:CheckBox ID="chkSdate3" name="jquerys[]" runat="server" onclick="chkShowDropDown(this,'AirlineCompany');" />
<asp:CheckBox ID="chkSdate4" name="jquerys[]" runat="server" onclick="chkShowDropDown(this,'VoyageType')" />
<asp:CheckBox ID="chkSdate5" name="jquerys[]" runat="server" onclick="chkShowtextarea(this,'SE');" />
<asp:CheckBox ID="chkSdate6" name="jquerys[]" runat="server" onclick="chkShowtextarea(this,'EE');" />
<asp:CheckBox ID="chkSdate7" name="jquerys[]" runat="server" onclick="chkShowtextarea(this,'AircomE');" />
<asp:CheckBox ID="chkSdate8" name="jquerys[]" runat="server" onclick="chkShowtextarea(this,'NoAircomE');" />
<asp:CheckBox ID="chkSdate9" name="jquerys[]" runat="server" onclick="chkShowtextarea(this,'Cabin2');" />
<asp:CheckBox ID="chkSdate10" name="jquerys[]" runat="server" onclick="chkShowCloum(this,'Discount');" />
<asp:CheckBox ID="chkSdate11" name="jquerys[]" runat="server" onclick="chkShowCloum(this,'RewardDiscount');" />
<asp:CheckBox ID="chkSdate12" name="jquerys[]" runat="server" onclick="chkShowDropDown(this,'Dptype');" />
<asp:CheckBox ID="chkSdate13" name="jquerys[]" runat="server" onclick="chkShowCloum(this,'PolicyType');" />
<asp:CheckBox ID="chkSdate14" name="jquerys[]" runat="server" onclick="chkShowDropDown(this,'_rateType');" />
yy2433720 2011-12-01
  • 打赏
  • 举报
回复
加QQ聊 ! 1789569754
yy2433720 2011-12-01
  • 打赏
  • 举报
回复
不骗你! 我把代码发你看看!!! 循环的太多了!


function checkAllstate1(o) {

$("input[id^=FeesShow_ctl10_chkSdate]").each(function() {
$(this).attr("checked", o.checked);

chkShowSpan(this, 'Sdate');
chkShowSpan(this, 'Edate');
chkShowtable(this, 'CB');
chkShowDropDown(this, 'AirlineCompany');
chkShowDropDown(this, '_rateType');
chkShowDropDown(this, 'Dptype');
chkShowDropDown(this, 'VoyageType');
chkShowtextarea(this, 'SE');
chkShowtextarea(this, 'EE');
chkShowtextarea(this, 'AircomE');
chkShowtextarea(this, 'NoAircomE');
chkShowtextarea(this, 'Cabin2');
chkShowCloum(this, 'Discount');
chkShowCloum(this, 'RewardDiscount');
chkShowCloum(this, 'PolicyType');
})
p2227 2011-12-01
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 yy2433720 的回复:]

呵呵!!! 放了15个! 有什么好方法!解决不!
[/Quote]才15个就死了?我不信
yy2433720 2011-12-01
  • 打赏
  • 举报
回复
呵呵!!! 放了15个! 有什么好方法!解决不!
p2227 2011-12-01
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 yy2433720 的回复:]

这样很多方法要执行很多次了! 程序都死了!
[/Quote]真的死了?你页面放了多少控件?
yy2433720 2011-12-01
  • 打赏
  • 举报
回复
这样很多方法要执行很多次了! 程序都死了!
p2227 2011-12-01
  • 打赏
  • 举报
回复
function checkAllstate(o) {
$("input[id^=FeesShow_ctl10_chkSdate]").each(function(){
$(this).attr("checked", o.checked);
chkShowDropDown(this,'AirlineCompany');
});
}

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧