Your Cart

Get Amazing Offers on Scripts

Get UX Support

checked checkbox changes background color

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> label { margin:0px 2px 4px 2px; padding: 1px; background-color: #eee; display: block; width: 50px; } .map-box { padding: 20px; background-color:red; } .map-box-active { padding: 20px; background-color:green; } </style> </head> <body> <form action="" method="get"> <label title="REQ13" id="REQ13"><input type="checkbox" value="checkbox" onchange="statecheck(‘REQ13’)" />AL</label> <label title="REQ14" id="REQ14"><input type="checkbox" value="checkbox" onchange="statecheck(‘REQ14’)" […]

How to hide a div when a value is null or empty using pure css or pure javascript

A much cleaner approach is to just use CSS. The below style will hide divs which are emtpy. div:empty { display: none } Below code will hide the empty fields (including their labels) when the content is empty. This code will hide the email Heading with an empty value. Javascript code let empty = document.querySelectorAll(‘.row […]

Free Worldwide shipping

On all orders above $50

Easy 30 days returns

30 days money back guarantee

International Warranty

Offered in the country of usage

100% Secure Checkout

PayPal / MasterCard / Visa