-
How to select all checkboxes of wrapper list on vf page using jquery?
Currently i am using the following function for selecting all checkboxes:
function checkAll(ele){
var checkboxes = $(‘.SelectAll’);
if (ele.checked) {
$(‘.checkedone’).attr(“checked”, true);
}else{
$(‘.checkedone’).attr(“checked”, false);
}
}-
This discussion was modified 10 years, 1 month ago by
Utsav.
-
This discussion was modified 10 years ago by Forcetalks.
-
This discussion was modified 10 years ago by Forcetalks.
-
This discussion was modified 10 years ago by Forcetalks.
-
This discussion was modified 10 years ago by Forcetalks.
-
This discussion was modified 9 years, 11 months ago by Forcetalks.
-
This discussion was modified 10 years, 1 month ago by
-
4 Replies
-
Hi Utsav,
It seems to be working fine for me. Can you please explain exactly what problem you are facing?
- [adinserter block='9']
-
Hi ,
Yes it should work , but when i click on the select all checkbox then it shows an error in browser console that “missing attr”.
But now i think, i have find out the issue . it actually comes due to the version of jquery i am including. Instead of using “attr” i should use “prop” so now my code will be:
function checkAll(ele){
var checkboxes = $(‘.SelectAll’);
if (ele.checked) {
$(‘.checkedone’).prop(“checked”, true);
}else{
$(‘.checkedone’).prop(“checked”, false);
}
} -
Console shows “missing attr” only if you have not included jquery. The .prop() method gets the property value for only the first element in the matched set. You can use .prop() as a replacement of .attr() in your case.
-
Try to use this script in you VF page to select all check-box.
<script type=”text/javascript”>
function selectAllCheckboxes(obj,receivedInputID){
var inputCheckBox = document.getElementsByTagName(“input”);
for(var i=0; i<inputCheckBox.length; i++){
if(inputCheckBox[i].id.indexOf(receivedInputID)!=-1){
inputCheckBox[i].checked = obj.checked;
}
}
}
</script>
Log In to reply.
