Enable Textfield after Checkbox is clicked

Question

echo ' 
<td><input type="checkbox" name="'.$data2["name"].'" value="'.$data2["name"].'" 
onclick="document.getElementById(numberof'.$data2["name"].').disabled=this.checked;"></td>

<td><input type="text" size="1" name="numberof'.$data2["name"].'"  value="1" " ></td>';

Hello!

I used the last solution in this question but it don't work.

How to disable textbox depending on checkbox checked

What can be wrong with it?

Best regards, Susi :*

But the textfield has no ID. See my answer (or all the others) — Skarlinski, Jun 17 '13 at 12:21

GautamD31 · Answer 1 · 2013-06-17T12:19:47.443

1

Try to replace

onclick="document.getElementById(numberof'.$data2["name"].')

with

onclick="document.getElementsByName(numberof'.$data2["name"].')

Because there is no id for your textbox,you are using name only.So get the element by name.

You can try like this also(optionaly)

<td><input type="checkbox" name="<?=$data2[\"name\"];?>" value="<?=$data2[\"name\"];?>" 
    onclick="document.getElementsByName('numberof<?=$data2[\"name\"];?>"').disabled=this.checked;">
</td>
<td>
    <input type="text" size="1" name="numberof<?=$data2[\"name\"];?>"  value="1" " >
</td>

edited Jun 17 '13 at 12:19

answered Jun 17 '13 at 12:12

GautamD31

28,552
10
64
85

1

There is no property `getElementByName` in javascript it is `getElementsByName`. so there is error in your code. – Code Lღver Jun 17 '13 at 12:20

score 1 · Answer 2 · answered Jun 17 '13 at 12:16

1

You are using getElementById, but your textfield only uses a name and no id.

This is a quick fix:

<td><input type="text" size="1" id = "numberof'.$data2["name"].'" name="numberof'.$data2["name"].'"  value="1" " ></td>';

answered Jun 17 '13 at 12:16

Skarlinski

2,419
11
28

Srikanth Kolli · Answer 3 · 2013-06-17T12:26:44.237

1

echo " 
 <td><input type='checkbox' name='".$data2['name']."' value='".$data2['name']."'
 onclick=\"document.getElementById('numberof".$data2['name']."').disabled=this.checked;\">    </td>

 <td><input type='text' size='1' id='numberof".$data2['name']."'  value='1'></td>";

edited Jun 17 '13 at 12:26

answered Jun 17 '13 at 12:18

Srikanth Kolli

892
1
8
19

score 1 · Answer 4 · answered Jun 17 '13 at 12:20

Since there is no id but only a name for the text input, you need to access it using the javascript function getElementsByName().

onclick="document.getElementsByName(numberof'.$data2["name"].').disabled=this.checked;"></td>

Another mistake you have done is forgetting to enclose the name within quotes.

getElementById(\'numberof'.$data2["name"].'\')

So, your final code should look like this:

echo ' 
<td><input type="checkbox" name="'.$data2["name"].'" value="'.$data2["name"].'" 
onclick="document.getElementsByName(\'numberof'.$data2["name"].'\').disabled=this.checked;"></td>

<td><input type="text" size="1" name="numberof'.$data2["name"].'"  value="1" " ></td>';

score 1 · Answer 5 · answered Jun 17 '13 at 12:21

Use the below code:

echo ' 
<td><input type="checkbox" name="'.$data2["name"].'" value="'.$data2["name"].'" 
onclick="document.getElementsByName(\'numberof'.$data2["name"].'\')[0].disabled=this.checked;"></td>

<td><input type="text" size="1" name="numberof'.$data2["name"].'"  value="1" " ></td>';

Enable Textfield after Checkbox is clicked

5 Answers5