javascript to check checkbox when input box is ticked - checkbox array []

Question

I have a simple javascript issue. I have a checkbox and a input box.

when the user inputs text into an input box (onkeydown) I want it to check the corresponding checkbox in the row.

My checkbox's all share the same name for an array checkbox[].

my simplified syntax is:

<table>
<?php if(isset($records)) : foreach ($records as $row) : ?>
    <tr>
        <td>
            <input type=checkbox name="editcustomer[]" id="editcustomer[]" value="<?php echo $row->id ?>">
        </td>
        <td>
            <input type="text" name="customer_name_<?php echo $row->id ?>" id="customer_name_<?php echo $row->id ?>" value="<?php echo $row->customer_name ; ?>" onclick="document.getElementById('editcustomer<?php echo $row->id ?>').checked = true;">
        </td>
    <tr>
<?php endforeach ; ?>
</table>

As the name of the checkbox is not unique, only the value thereof how do I tell the javascript which checkbox to check?

<input type="text" name="customer_name_<?php echo $row->id ?>" id="customer_name_<?php echo $row->id ?>" value="<?php echo $row->customer_name ; ?>" onclick="document.getElementById('editcustomer<?php echo $row->id ?>').checked = true;">

Help appreciated as always.

Thanks

call a method on onkeydown / onchange with passing this as a parameter, then in that function use function abc(elem) { $(this).parent().next().find(':checkbox').attr('checked',false); } — X-Factor
– X-Factor, Commented Mar 4, 2013 at 10:49
can you assist by looking at the fiddle? jsfiddle.net/A4GaF/1 — Smudger
– Smudger, Commented Mar 4, 2013 at 11:14

X-Factor · Accepted Answer · 2013-03-04 11:54:23Z

1

HTML

<input type="checkbox" name="checkbox[]"/>
<input type="text" name="name1" id="name1" />
<br>
 <input type="checkbox" name="checkbox[]"/>
<input type="text" name="name2" id="name2" />
 <br>
 <input type="checkbox" name="checkbox[]" />
<input type="text" name="name3" id="name3" />

Jquery

$(':text').change(function(){
    $(this).prev(':checkbox').attr('checked','true');
});

Hope this helps. Regards.

edited Mar 4, 2013 at 11:54

answered Mar 4, 2013 at 10:56

X-Factor

2,12714 silver badges18 bronze badges

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

2 Comments

Smudger Over a year ago

Hi X-Factor. thanks for your time. not quite working as per fiddle, jsfiddle.net/A4GaF/1. any ideas why? how does the script know which checkbox it must find. so on the fiddle, if I type in any box it should check the corresponding checkbox. Thanks

X-Factor Over a year ago

I updated your code, but you have to add jquery for that @Smudger

Collectives™ on Stack Overflow

javascript to check checkbox when input box is ticked - checkbox array []

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related