Affect the text click to a checkbox in Reactjs

Question

How to affect a text click to a checkbox? Now it works as when we click on a checkbox it is selected, I want to select it while I'm clicking on the corresponding text also. Here my code,

<tr key={taskList.PriorityID}>
            <td style={{'width':'100px'}}><input type='radio' id={taskList.ID} name={'ID: ' + taskList.ID} onClick={_onclick} checked={selected} /></td>
            <td className="dashboard-post-payment_table-cell" title={'TaskList: ' + taskList.Priority}>{taskList.Priority}</td>     
</tr>

Possible duplicate of How to create a checkbox with a clickable label? — Karan Kiri
– Karan Kiri, Commented Oct 16, 2019 at 5:29

Karan Kiri · Accepted Answer · 2019-10-16 06:16:12Z

1

Try wrapping your text into label element like below.

<td style={{'width':'100px'}}>
   <input type='radio' id={taskList.ID} name={'ID: ' + taskList.ID} onClick={_onclick} checked={selected} />
</td>
<td className="dashboard-post-payment_table-cell" title={'TaskList: ' + taskList.Priority}>
 <label for={'ID: ' + taskList.ID}> {taskList.Priority}</label> 
</td>

edited Oct 16, 2019 at 6:16

answered Oct 16, 2019 at 5:26

Karan Kiri

3162 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Affect the text click to a checkbox in Reactjs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related