Jquery clearing value for multiple text fields at once

Question

I have 4 text fields in a form that I want to clear when clicking a div.

I gave each text field a class class="1" and am using this function to clear them.

$('#clear').click(function() {
    $(".1").val('');
});

This seems to work but I'm wondering if there's a better, standard way to do it.

Note: I don't want to clear the entire form.

@jnpcl: no, [not under html 4.x](http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html). — David Thomas, May 08 '11 at 02:01
Why use a jQuery approach, wben html supplies the `` optoion? — David Thomas, May 08 '11 at 02:04
I have mentioned that I don't want to clear the entire form. Just those 4 text fields. Reset button wouldn't be good. @jnpcl, I was just testing. It seems to work tho — CyberJunkie, May 08 '11 at 02:12
@Felix, thanks! I don't have a lot of jquery experience.. wasn't sure. — CyberJunkie, May 08 '11 at 02:16

score 2 · Accepted Answer · answered May 08 '11 at 02:04

2

Aside from that being an invalid class name (pretty sure they can't start with a number), this should be fine. I would however name the class in a more meaningful way.

answered May 08 '11 at 02:04

James Montagne

77,516
14
110
130

score 2 · Answer 2 · answered May 08 '11 at 02:05

2

Just be clear you shouldn't have css names start with a number to conform to the standard. But if you do manage to make that work you just might have to make your selector be slightly different and it should pick it up.

$("#clear").click(function() {
    $("input[class='1']").val("");
});

answered May 08 '11 at 02:05

Avitus

15,640
6
43
53

This is what I would do, just with a valid class name – Atticus May 08 '11 at 02:26

Jquery clearing value for multiple text fields at once

2 Answers2