Radio button remains not selected!

JavaScript
1

Here is my code

<input type="radio" id="" name="1" data-ng-value="{{ customerSearchOutput.customerId }}" ng-click="setSelectedCustomerInfo(customerSearchOutput.customerId,customerSearchOutput.party_id);loadCustomerAccount(customerSearchOutput.customerId);loadCustomerAccountAssociation(customerSearchOutput.customerId);" />

when I click on radio it looks like this

2

Which problem are you having with it?

That it doesn’t start off as being selected, or that it doesn’t become selected when you click on it?

3

when I click it gets selected but radio button does not look like selected as you see in the screenshot

selected id goes to those functions through ng-click anyway.

4

It works for me. https://jsfiddle.net/9dd2qsq6/

I recommend that you look in to CSS styles that might be interfering with it.

5

radio becomes in that shape when there are some results in both function i.e loadCustomerAccountAssociation(customerSearchOutput.customerId);

6

is it working for you when there are 3 function calls as mine on radio-ng-click and all 3 functions have results ?

7

JSFiddle provides Angular support. You know more about Angular than I do, so perhaps together we can work this out.

8

resolved it.

removed id=“”

and renamed
name=“1” to name=“rdo”

<input type="radio"  name="rdo" 	data-ng-value="{{ customerSearchOutput.customerId }}" 
ng-click="setSelectedCustomerInfo(customerSearchOutput.customerId,customerSearchOutput.party_id);"  />
9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.