0

I am new to AngularJS. I would like to know how to track which all radio buttons and checkboxes were clicked or selected on clicking the submit button. The tables rows were created using ng-repeat. The checkboxes(as seen in the image) appear when the radio button in the third column is clicked(I do an ng-show="true") and can be selected.

Attached is a mockup.

enter image description here

Any good design pattern or sample code as well for this use case?
Please help. Thanks in advance.

EDIT: Adding sample code.

<tr ng-repeat="event in data">
    <td><input type="radio" name={{event.performanceID}}
        ng-value="yes" /></td>
    <td><input type="radio" name={{event.performanceID}} ng-value="no" />
    </td>
    <td><input type="radio" name={{event.performanceID}}
        ng-value="maybe" />
        <div class="checkbox">
            <label> <input type="checkbox"> Approve
            </label> <label> <input type="checkbox"> Bonuses
            </label>
        </div></td>
    <td><img
        ng-src="http://google.com/images/{{ event.imageName }}.jpg"
        style="height: 100px; width: 100px" /></td>
    <td>
        <div>
            <h4>Persons Name</h4>
            <h5>{{event.Ename}}</h5>
        </div>
        <div>
            <h4>Address</h4>
            <h5>XXXXXXXXXXXXXX</h5>
        </div>
    </td>
</tr>
George
  • 213
  • 1
  • 3
  • 10

0 Answers0