0

我已经在http://jsfiddle.net/7ZpCW/1/展示了这个问题

我已经实现了代码，这样当我单击复选框或旁边的文本时，应根据其先前的状态选择/取消选择复选框。

问题是当我单击文本时，虽然复选框被选中，但警报消息仅执行了先前复选框被选中的次数。

当我单击复选框时，警报消息将根据当前状态执行。

截屏

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<span id="MYARRAYloader_collapse" class = "w195"  style="display:block">
<div class="sp15">&nbsp;</div>

<div class="lf  fs12 lh15" style="padding-left:10px;">
<input type="checkbox" name="MYARRAY[]" id="MYARRAY0"  value="ALL"  checked  class="chbx checkbox-selector1">
<a href="#" class="checkbox-selector" style="color:#5B5B5B;">All</a> 
<br>
<input type="checkbox" name="MYARRAY[]"  value="V"  class="chbx checkbox-selector1">
<a href="#" class="checkbox-selector" style="color:#5B5B5B;">Opt1</a> 
<span class="gray t11">(42)</span>
<br>
<input type="checkbox" name="MYARRAY[]"  value="N"  class="chbx checkbox-selector1">
<a href="#" class="checkbox-selector" style="color:#5B5B5B;">Opt2</a> 
<span class="gray t11">(38)</span>
<br>
</div>
<div class="sp12">&nbsp;</div>
</span>

<script>
$('.checkbox-selector').click(function() {
var chb = $(this).prev();
chb.click();
return false;
})
$('.checkbox-selector1').click(function() {
var chb , chb1 , action;
chb= $(this); 
clusterName = chb.attr('name');
clusterVal = chb.attr('value');

var array = new Array();


$('input[name="'+clusterName+'"]:checked').each(function(i,el){
alert('Count Me');
chb1 = $(this); 

if(clusterVal == 'ALL')
{
if(chb1.attr('value')!='ALL')
{
chb1.attr("checked","");
}
else
array.push($(el).val());
}
else
{
if(chb1.attr('value')=='ALL')
{
chb1.attr("checked","");
}
else
{
array.push($(el).val());
}
}
});

});
</script>
4

1 回答 1

2

你正在严重地混淆这个问题。您只需将复选框和文本包装在label.

<label><input type="checkbox" /> This is some text</label>
<label><input type="checkbox" /> This is some text</label>
<label><input type="checkbox" /> This is some text</label>

jsFiddle： http: //jsfiddle.net/7ZpCW/ ​</p>

你真的应该像这样格式化你的代码以使其更具语义。但你不会。所以你可以通过替换这个来修复你的代码：

$('.checkbox-selector1').click( ... );

有了这个：

$('.checkbox-selector1').change( ... );

jsfiddle：http: //jsfiddle.net/7ZpCW/2/

于 2012-11-30T19:01:27.990 回答