jQuery: is it possible to get an array of css values?

Question

I'm looking to style the radio and checkbox form elements by replacing the form element with an image. I want to be able to style the checkbox and have jquery make an array of the values.

Something like this:

input[type=checkbox] {
  width:13px;height:13px;
  /*.css() can't take the shorhand background property I don't think*/
  background-image:url(assets/img/bg_form_checkbox.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  position:relative;
}

Is there a way to store the css values in an array and iterate through them and assign them to a span?

$("input[type=checkbox]").after('<span style="'+cssValuesHere+'"></span>');

nex2hex · Accepted Answer · 2011-06-02 16:22:19Z

3

Try to use this:

.css_class {
  width:13px;height:13px;
  /*.css() can't take the shorhand background property I don't think*/
  background-image:url(assets/img/bg_form_checkbox.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  position:relative;
}

$(".css_class").after('<span class="css_class"></span>');

answered Jun 2, 2011 at 16:22

nex2hex

825 bronze badges

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

2 Comments

Spudley Over a year ago

+1 for a good answer. I would say that @bjornd's answer is better, but both are good.

Ryan Over a year ago

Thanks, I ended up using something similar to this. I named the classes .checkbox, .radio, and .select and had jQuery apply the proper class to a span that was replacing whatever input type needed styling.

bjornd · Accepted Answer · 2011-06-02 16:22:43Z

1

var cssValues = {
    width:'13px',
    height:'13px',
    background-image: 'url(assets/img/bg_form_checkbox.gif)',
    background-repeat: 'no-repeat',
    background-position: '50% 50%',
    position:' relative'
}

$('<span/>').css(cssValues).insertAfter("input[type=checkbox]");

answered Jun 2, 2011 at 16:22

bjornd

23k4 gold badges59 silver badges74 bronze badges

Collectives™ on Stack Overflow

jQuery: is it possible to get an array of css values?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related