我需要构建用户选择的部门编号的 csv。
我从这个 HTML 开始:
<button id="btnDept">select Depts</button>
<div id="dialog" title="Select the Depts you want to include in the report" style="display:none;">
<div>
<label for="ckbx2">2</label>
<input type="checkbox" id="ckbx2" />
<label for="ckbx3" id="lbl3">3</label>
<input type="checkbox" id="ckbx3" />
</div>
</div>
...还有这个 jQuery:
var deptsSelected = '';
$("#btnDept").click(function () {
$("#dialog").dialog({
modal: true
});
$('checkbox').click(function() {
deptsSelected += this.val + ',';
alert(deptsSelected);
});
});
...这对于显示所选部门没有任何作用 - 这是有道理的,因为“this”可能是复选框,当然不是标签。我将在此对话框中包含数十个复选框,并且不想编写如下内容:
$('#ckbx3').click(function() {
deptsSelected += $('lbl3').val + ',';
警报(部门选择);
});
...对于每个复选框/标签对(尽管如此,即使使用这种强力方法,上面的代码也显示了此警报,而不是我所期望/希望的:
天哪,Murgatroid/什么混乱?!?
jsfiddle 在这里:http://jsfiddle.net/clayshannon/aWpPN/ http://jsfiddle.net/clayshannon/aWpPN/
请尝试这个:
var deptsSelected = '';
$("#btnDept").click(function () {
$("#dialog").dialog({
modal: true
});
$("input:checkbox").click(function () {
deptsSelected += $("label[for='" + this.id + "']").text() + ',';
alert(deptsSelected);
});
});
这是它的小提琴:http://jsfiddle.net/yFB6W/ http://jsfiddle.net/yFB6W/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)