Peruttu

Radios JQuery

DIV Border Highlight When Checked - Required Text HTML5

Hi.

The code you gave before. I changed it to radios

also

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;

padding:5px;

}

[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);

});

$(document).ready(function(e){

$('#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 checkbox, border html, 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, jquery sql form, css checkboxes, html5 find, html5 hide, html required checkbox, html section hide, input css box, section hide, html5 opacity, input box css

About the Employer:
( 2 reviews ) Cairo, Egypt

Projektin tunnus: #4269385

5 freelanceria on tarjonnut keskimäärin 151 $ tähän työhön

o2iplanet

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)
5.9
neoconcepts

php/mysql/jquery team

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

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)
3.4
diamond1027

Hi, I can do it perfectly. Regards.

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

Let us discuss

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

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

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