select checkbox if the value is in array

Question

var ds = $("#recDay").val().split(/ +/); 
var weekArray = [];
for (var i=0; i<ds.length; i++){
    weekArray = ds[i];
} // i =0 , weekArray = Sunday; i=1, weekArray = tuesday; i=2, weekArray = Wednesday

<table>
<tr>
<td width="3%"></td>
<td><input type="checkbox" name="weeklyDay" id="sunday" value="sunday"> Sunday</td>      
<td><input type="checkbox" name="Day" id="monday" value="monday"> Monday</td>                                                                               
<td><input type="checkbox" name="Day" id="tuesday" value="tuesday"> Tuesday</td>                                                                                
<td><input type="checkbox" name="Day" id="wednesday" value="wednesday">Wednesday</td>                                                                              
</tr>                                                                            
<tr>                                                                                
<td width="3%"></td>                                                                                
<td><input type="checkbox" name="Day" id="thursday" value="thursday" > Thursday</td>                                                                                   
<td><input type="checkbox" name="Day" id="friday" value="friday"> Friday</td>                                                                                 
<td><input type="checkbox" name="Day" id="saturday" value="saturday"> Saturday</td>                                                                         
</tr>                                                                       
</table>

How to check only the check boxes that is in weekArray? The code which I tried is

$('select[name="Day"] option').filter(function(){
         if(weekArray.indexOf((this).text(), 0) != -1);
         return $(this);
    }).prop("checked", true);

But this is not working. Any help would be appreciated

Adil · Accepted Answer · 2013-03-13 07:13:06Z

1

You can do it this way,

Live Demo

var weekArray = ["saturday","monday","tuesday","friday" ];
$('.weekdays').filter(function () {    
    if (weekArray.indexOf(this.id) != -1)
          return $(this).closest('td').find(':checkbox');
}).prop("checked", true);

answered Mar 13, 2013 at 7:13

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

bipen · Accepted Answer · 2013-03-13 07:20:11Z

1

your are using select selector for checkbox ????..

 $('#divID input:checkbox').each(function(){
     if($.inArray($(this).val(), weekArray) != -1){
       $(this).prop("checked", true);
    }
});

edited Mar 13, 2013 at 7:20

answered Mar 13, 2013 at 7:09

bipen

36.6k9 gold badges51 silver badges62 bronze badges

2 Comments

sahana Over a year ago

my checkboxes are inside div. Should I make any changes for it ?

bipen Over a year ago

yes you can ... since $(input:checkbox) find all checkbox in the document.. to be precise you can add the divs id to it..$(#divID input:checkbox)

dotmido · Accepted Answer · 2013-03-13 07:07:15Z

0

if(in_array(document.getElementById("CheckBoxId"), $yourArray)) { CheckBox.Checked }

answered Mar 13, 2013 at 7:07

dotmido

1,3823 gold badges14 silver badges29 bronze badges

Comments

Pranav · Accepted Answer · 2013-03-13 07:09:42Z

0

for (var i=0; i<ds.length; i++){
    weekArray = ds[i];
}

$("form input:checkbox").each(function(){
if(jQuery.inArray($(this).attr('id'), weekArray )!=-1)
$(this).prop('checked', true);
});

answered Mar 13, 2013 at 7:09

Pranav

8,9214 gold badges28 silver badges42 bronze badges

Collectives™ on Stack Overflow

select checkbox if the value is in array

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related