Combining two input boxes into one using JQuery

Question

input[type="checkbox"].focus {border:0px;}<br>
input[type="text"].focus {border:0px;}

How can I combine the two things into one?

$("input[type='text'],input[type='checkbox']").focus {border:0px;}

Yes, this is JQuery. Can't figure it out. If I wrote the code separately, it would work. A combined code above is not working.. — Jay Park
– Jay Park, Commented Sep 10, 2012 at 18:03
Please edit the question and answer to include the updated code. The question isn't just for you, it's for everyone that ever comes across this problem. — George Stocker
– George Stocker, Commented Sep 10, 2012 at 20:46

Furqan Safdar · Accepted Answer · 2012-10-05 19:21:16Z

1

You need to do this work like this you can not add CSS on the jQuery like we do in css to add css using jQuery you can use css() jQuery API the method is css (propertyName, value)

focus(function(){
    $(this).css("background-color","#FFFFCC");
});

For more information about the jQuery CSS check this link

edited Oct 5, 2012 at 19:21

Furqan Safdar

16.8k13 gold badges62 silver badges98 bronze badges

answered Sep 10, 2012 at 17:57

NullPoiиteя

57.3k23 gold badges130 silver badges148 bronze badges

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

Comments

Cody · Accepted Answer · 2012-09-10 17:51:24Z

0

$("input[type='text'],input[type='checkbox']").focus() {border:0px;}

You're missing the closing double-quote in your selector.
focus returns the handler currently attached to the focus event. You want to actually invoke the method, so you need the empty argument list: focus()

edited Sep 10, 2012 at 17:51

answered Sep 10, 2012 at 17:49

Cody

2,4802 gold badges22 silver badges39 bronze badges

2 Comments

George Stocker Over a year ago

Please edit the question and answer to include the updated code. The question isn't just for you, it's for everyone that ever comes across this problem.

Cody Over a year ago

@GeorgeStocker We iterated on some code in a JS fiddle that was linked in the comments, but now that they've been hidden/deleted, I don't have the links anymore...

Collectives™ on Stack Overflow

Combining two input boxes into one using JQuery

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related