Select Radio Button if click anywhere on row in Angular 5

Question

I have prime ng table having 2 columns one is for radio button and the other is for name.I just want to select the radio button if click anywhere on the row.Thanks in advance.

There is various primeng table versions ! Could you add code sample? — SeleM
– SeleM, Commented Nov 23, 2018 at 9:50

Fenton · Accepted Answer · 2018-11-23 09:47:56Z

3

You don't need any script for this - if you associate the text with the input using a label, this works out of the box... in the example below you can click on the radio, or the "Radio Button Label".

<div>
    <label for="test">Radio Button Label</label>
</div>

<div>
    <input type="radio" id="test" name="test" />
</div>

answered Nov 23, 2018 at 9:47

Fenton

253k74 gold badges403 silver badges413 bronze badges

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

2 Comments

Abhijeet Choudhari Over a year ago

Actually we did not have label for the radio button So I used <input type="radio" name="selectRoom" [checked]="rowIndex === checked" (change)="setSelectedRoomData(rowData,rowIndex)" />

Kamil Naja Over a year ago

So wrap this inside empty label element :) Fenton method works very good

Collectives™ on Stack Overflow

Select Radio Button if click anywhere on row in Angular 5

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related