Hello,
I have a form with 5 checkboxes and 5 text inputs. Each checkbox is related to a
text input.
I want a checkbox to be checked when its related text input is clicked... easy
with jquery:
$("#text_input_id").click( function() { $("#checkbox_id").get(0).checked = true;
} );
But I have a problem doing this in a loop. Here is a test case with
jquery-1.0.4, FF 2.0:
<html> <head> <script src="jquery.js"> </script> </head> <body>
<form>
<input type="checkbox" name="a" id="a" value="1" /> <input type="text"
name="a_date" id="a_date" />
<input type="checkbox" name="b" id="b" value="1" /> <input type="text"
name="b_date" id="b_date" />
</form>
<script>
$(document).ready(function() {
for each (var name in ["a", "b"]) {
$("#"+name+"_date").click( function () {
$("#"+name).get(0).checked = true;
//alert(name);
});
}
});
</script>
</body> </html>
It seems like the creation of the function to bind is defered: it is always the
last checkbox that is checked, whatever the text input I clicked on.
What is the problem? Should I do this in another way?
How could I easily debug what is bound on document load?
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
