javascript to change the color of the check boxes

Mon Apr 07, 2014 11:27 pm

I will need to update the color of the radio group(multi-color). Does this code work?

Appery('rdogrp').find("input").each(function() {
// $(this).addClass('riskRed');
// alert($(this).id);
// $(this).css({backgroundColor: '#E7F009'});
// Appery('rdotbn_6').css('font-size', 'x-small');
$(this).next('label').children('span').css('background-color', 'red');
$(this).checkboxradio("refresh");
});

I have tried all this, including adding a "background-color" "red" property for the 'more properties' area of each item of the 9 item radio group. No luck.

Tue Apr 08, 2014 1:51 am

Hello,

Here is right code to change background of the radio buttons.

pre
code
//Get radioGroup component. You should use your component right name instead of "mobileradiogroup_15"
var radioGroup = Appery("mobileradiogroup_15");

//Get radioButtons components.
var radioButtons = radioGroup.find(".ui-btn");

for(var i = 0; i < radioButtons.length; i++){
//Change background color for each button.
jQuery(radioButtons).css({background: "#ff0"});
};
/code
/pre