Radios JQuery

DIV Border Highlight When Checked - Required Text HTML5


The code you gave before. I changed it to radios


I added this CSS to it

TD.content_box_product1, [url removed, login to view], [url removed, login to view], [url removed, login to view] {

border-radius: 4px;

background: #f8f8f8;

border: 3px solid;

border-color: #dbdbdb;



[url removed, login to view] {

border-radius: 10px;

background: #f8f8f8;

padding: 5px;

margin: 3px;

border: 1px solid;

border-color: #dbdbdb;


fieldset {

border-radius: 4px;

background: #f8f8f8;

border: 4px;

border-color: #000000;


[url removed, login to view]:hover > div {

opacity: 0.5;


[url removed, login to view]:hover > [url removed, login to view]:hover {

opacity: 1.0;


[url removed, login to view]:hover {

border-color: #0099ff;


[url removed, login to view]:hover {

opacity: 0.5;

border-color: #0099ff;


I also changed the jquery a little bit

To select the box without having to click on the text or radio button and so it accepts text and radio inputs

$("[url removed, login to view]").click(function () {

$(this).find('input:radio').attr('checked', true);



$('#fetch_record').live('click' , function(){

var keyword = "";

$.each($('.checkboxes input[type="radio"]:checked, input[type="text"].required, input[type="checkbox"]:checked') , function(e){

var value = $(this).val();

if ([url removed, login to view] <= 0) {

keyword += value;

} else {

keyword += "+" + value;



$('#fetch_record_form #keywords').val(keyword);



you can see there is a hover effect on the div. I want this hover effect to stay on when the radio is selected. This way I can hide the radio button and people can see what is selected from the border colour. If that makes sense?

Also I want the text field at the start to be required so it gives the message like in HTML5. I tried making it required but the form goes even if it is blank.

Here is the text section

Car Make (Required)

Enter Car Model eg a3, 996, leon, clk, golf

What do you think?

Taidot: HTML5, jQuery / Prototype, SQL

Näytä lisää: section html5, padding background, html 5 checkbox, border html 5, background padding, val , leon, html5 sql, html5 jquery, html5 form hide, jquery css hover, checkboxes css, html hide section, section jquery hide, jquery text inputs, checkbox button css, jquery sql form, css checkboxes, html5 find, html5 hide, html required checkbox, button html jquery, html section hide, input css box, jquery button text

Tietoa työnantajasta:
( 2 arvostelua ) Cairo, Egypt

Projektin tunnus: #4269385

5 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön


Hi, We have experience in CSS and jquery so,we have confident to our ability, we can do this work. For more information see PMB-Thanks.

$250 USD 10 päivässä
(16 arvostelua)

php/mysql/jquery team

$175 USD 2 päivässä
(5 arvostelua)

Very kind greetings to you there, With deepest regards, we welcome you on behalf of AmbalaOnline, one of the largest web development and webdesigning companies in India. We hereby take the pleasure of extending our a Lisää

$250 USD 10 päivässä
(2 arvostelua)

Hi, I can do it perfectly. Regards.

$30 USD 1 päivässä
(5 arvostelua)

Let us discuss

$30 USD 0 päivässä
(1 arvostelu)

Hi, I would like to work on your project. Thanks...

$50 USD 1 päivässä
(0 arvostelua)