Closed

Have BTN-GROUP working well with radio button, but need make it work for checkbox to.. with active class

I have radio button that use JS for add css (active) with radio button, but not working with checkbox since if we click on another the active class is removed, since it is for radio button and we can only choose 1 with radio, but with checkbox is not working.

here is the script

<script>

$(function() {

// Input radio-group visual controls

$('.radio-group label').on('click', function(){

$(this).removeClass('not-active').siblings().addClass('not-active');

});

});

</script>

i pay 10$ now for someone give me the tricks to make it work with checkbox

.radio-group label {

overflow: hidden;

} .radio-group input {

/* This is on purpose for accessibility. Using display: hidden is evil.

This makes things keyboard friendly right out tha box! */

height: 1px;

width: 1px;

position: absolute;

top: -20px;

} .radio-group .not-active {

color: #3276b1;

background-color: #fff;

}

.radio-group .[login to view URL] {

color: #A94442;

background-color: #fff;

border-color: #A94442;

}

Skills: CSS, HTML, Javascript, jQuery / Prototype

See more: bootstrap radio button style, bootstrap flat button, bootsnipp checkbox, bootstrap delete button, bootstrap checkbox button, bootstrap radio button group, bootstrap radio button not working, bootstrap button no border, sample radio button quiz java results page, group radio button actionscript, checked radio button hide show rows html java, update mysql radio button group, rubyonrails collect group radio button form, as3 radio button group dynamic, radio button group length actionscript, actionscript radio button multiple group, create daynamically radio button group flex, dynamic radio button group flex as3, dynamic radio button group generation flex, flex required field radio button group

About the Employer:
( 24 reviews ) Montréal, Canada

Project ID: #18722156

4 freelancers are bidding on average $16 for this job

fastestJohn

Hello. I am interesting in your project. I have rich experiences in JQuery. Please look my portfolios. I am new in freelance. so I have little reviews. But I think my skills , honest and integrity is more important More

$20 CAD in 1 day
(5 Reviews)
2.6
CRESTIV

No upfront payment.. Around 7 years of experience in Developing web based applications using Drupal, PHP, MySQL, HTML, Java Script, AJAX, JQuery and Wordpress CMS Latest Website [login to view URL] https://c More

$10 CAD in 1 day
(3 Reviews)
1.6
therock12

It ' s a very simple problem. I am able to solve it in 1 - 2 hours right now only. I am a fresher but encountered the same problem you faced earlier many times. So can easily solve it for you. So please consider More

$10 CAD in 1 day
(0 Reviews)
0.0
MohamadHamad84

hi you can use the javascript on change method instead that i have exprince in doing this task and iam intersted thanks

$25 CAD in 1 day
(0 Reviews)
0.0