Help with toggle buttons – set and re-set

Hi Max,

I did a little test design. Create a function save, that is called when user pushes a button:

  function save(){
  
   var status = $('#m1-Togle-toggle1 > input').attr('checked');
  localStorage.setItem("togle-value",status);
    
  }

And put the next code in phoneui.documentReadyHandler function:

if(localStorage.getItem("togle-value")==true){
  
    $('#m1-Togle-toggle1 > input').attr('checked','checked') ;

}
else{
     $('#m1-Togle-toggle1 > input').attr('checked','') ;
}

It works fine for me. Let me know if is helpful for you.

hi max,

sorry if this is unrelated but do you know how you could have a code that deselects checklists both for computations and visually.
currently i use a button with runJavascript:
$(‘select[name*=”list”] :selected’).prop(“selected”, false);
it deselects for computations but visually they still appear ticked

your problem sounds similar so wondered if you could help.

thanks

thanks for help using:

phoneui.preprocessDOM(‘name*=[m1]’){
$(‘select[name*=”list”] :selected’).prop(“selected”, false);
}
called in the custom java libray on a transition back to the home page but no luck
will keep playing around and post if i can get it to work.

thanks this works great using:
function REFRESH() {
var selListId = ‘m1-accessories_home-list1’;
var listName = ‘list1’;

var itemToSelect = $(‘select[name=’+listName+’] :selected’).prop(“selected”, false);

var selId = $(‘#’ + selListId + ‘> li’).each(
function (i) {
$(this)[i == itemToSelect ? ‘addClass’ : ‘removeClass’](m1Design.css(“selected”));
});

phoneui.preprocessDOM(‘#’ + selListId);
}

Could I ask if there is any way I could amend this code so I apply the deselect to every list with “list” in the i.d. somewhere.
similar to the code $(‘select[name*=”list”] :selected’).val when collecting values for “list1”, “list2”, “list3”
or do i need to make an individual function for each list name and page?
(there are at least a 50 different list id’s i want to deselect and even more if the page name is a variable so i would appreciate a quick way :))

Thanks works perfectly 🙂

@support-octavio wrote:

Hi will,
This code should do what you requested:

$('.m1-selection-list > li').each(function (i) {
$(this).removeClass(m1Design.css("selected"));
});
phoneui.preprocessDOM();

I have search this board how to change programmatically selection in (single selection) list, but not have figured out how to do that.
My page is Page1 and list is listTable and item ID (which should be selected instead of an other) is itemNro3.

BTW, code above does not need function(i), just function() is enough.

Best regards, ET