String values should determine whether a checkbox is checked or not

Question

String values should determine whether a checkbox is checked or not

When retrieving data from LocalStorage, my code looks like this:

angular.module('madMeApp').controller('campaignInDetails', function($scope) {
  var campaignToShow = JSON.parse(localStorage.getItem("CampaignDetails"));
  $scope.selectedDays = campaignToShow.selected_days;
});

The selected_days value is returned as a comma-separated string, for example: Tuesday,Wednesday

Based on the selected_days value,

I want to programmatically check the following checkboxes:

<input type="checkbox" value="Monday" name="selected_days" />
<input type="checkbox" value="Tuesday" name="selected_days" />
<input type="checkbox" value="Wednesday" name="selected_days" />
<input type="checkbox" value="Thursday" name="selected_days" />
<input type="checkbox" value="Friday" name="selected_days" />
<input type="checkbox" value="Saturday" name="selected_days" />
<input type="checkbox" value="Sunday" name="selected_days" />

I need assistance with checking the checkboxes using AngularJs based on their respective values. For instance, in this scenario I would like Tuesday and Wednesday checkboxes to be checked.

Thank you.

javascript angularjs angularjs-ng-checked

Answer 1

Answer №1

Write a custom function for ng-checked in AngularJS that checks if a specific day is present in a string stored in local storage and returns true or false accordingly. For example:

<input type="checkbox" value="Friday" name="selected_days" ng-checked="checkDayPresence("Friday")" />

In your controller:

var weekdays = "Monday,Tuesday,Wednesday";
$scope.checkDayPresence = function(day) {
  if(weekdays.indexOf(day) >= 0) {
    return true;
  } else {
    return false;
  }
}

Feel free to use this code snippet for your AngularJS project.

Answer 2

Write a custom function for ng-checked in AngularJS that checks if a specific day is present in a string stored in local storage and returns true or false accordingly. For example:

<input type="checkbox" value="Friday" name="selected_days" ng-checked="checkDayPresence("Friday")" />

In your controller:

var weekdays = "Monday,Tuesday,Wednesday";
$scope.checkDayPresence = function(day) {
  if(weekdays.indexOf(day) >= 0) {
    return true;
  } else {
    return false;
  }
}

Feel free to use this code snippet for your AngularJS project.

String values should determine whether a checkbox is checked or not

Answer №1

Similar questions

How to use node.js to add JSON data to a JSON file without using an array?

5-item carousel in CSS gridView

What is the best way to trigger an onclick event for an input element with a type of "image"?

Having trouble with managing state changes in a React application using Multiple Checkbox components from M

Struggling to implement sparklines for real-time data in the AngularJS adaptation of the SmartAdmin template

Can you pinpoint the weak wiring in this AngularJS function?

JQuery - Select element by clicking outside

Issue with Mjpg paparazzo.js functionality not functioning as expected

The color of the last clicked DIV is supposed to stay permanent, but for some unknown reason

Utilizing the JavaScript Array.find() method to ensure accurate arithmetic calculations within an array of objects

What are the typical situations in which Node.js is commonly used?

String object causing jQuery selector to malfunction

How can I resize and horizontally align an image using html/css?

What is the most efficient way to transform HTML into React components effortlessly?

Initialization of directive failed to occur properly

What is the process for importing a Kaggle dataset into Elasticsearch?

Await keyword cannot be used due to undefined object reference

Submit form using jQuery after making an AJAX request with jQuery's $

Testing the $save() function of $resource in Angular can be done through a series of

Creating a centered and beautifully styled picture with a specific maximum size using React