click event is not fired on a checkbox.
I have many checkboxes in my page and there is a script to select multiple checkbox s with shift key.
when i select multiple checkboxes using shift key and submit the form i am getting only two checkboxes data (normal click and the shiftclick checkboxes),
It seems the click event is not getting fired for the other checkboxes which are selected automatically through the script.
Can any body suggest me how to fire click event on them.
please find the below sample script that iam using.
<html>
<head>
</head>
<body>
<script src="http://code.jquery.com/jquery-git.js"></script>
<script language="javascript">
var lastChecked = null;
$(document).ready(function() {
$('input[type="checkbox"]').click(function(event) {
if(!lastChecked) {
lastChecked = this;
return;
}
if(event.shiftKey) {
var start = $('input[type="checkbox"]').index(this);
var end = $('input[type="checkbox"]').index(lastChecked);
var checkValue = lastChecked.checked;
if ( start == end ) {
return true;
}
for(i=Math.min(start,end);i<=Math.max(start,end);i++) {
$('input[type="checkbox"]')[i].checked = checkValue;
}
}
lastChecked = this;
});
});
</script>
<input type="checkbox" class="chkbox" value="check1"/>Check 1<br/>
<input type="checkbox" class="chkbox" value="check2"/>Check 2<br/>
<input type="checkbox" class="chkbox" value="check3"/>Check 3<br/>
<input type="checkbox" class="chkbox" value="check4"/>Check 4<br/>
<input type="checkbox" class="chkbox" value="check5"/>Check 5<br/>
<input type="checkbox" class="chkbox" value="check6"/>Check 6<br/>
<input type="checkbox" class="chkbox" value="check7"/>Check 7<br/>
</body>
</html>