radio-button – Page 9

What is the difference between formControlName and FormControl?

November 30, 2022 by Tarik

I believe you missed an important point: [formGroup] directive in the second example. formControlName is used together with [formGroup] to save your form multiple dot navigations. For example: <div> <input type=”text” [formControl]=”myForm.controls.firstName”/> <input type=”text” [formControl]=”myForm.controls.lastName”/> <input type=”text” [formControl]=”myForm.controls.email”/> <input type=”text” [formControl]=”myForm.controls.title”/> </div> Is equivalent to: <div [formGroup]=”myForm”> <input type=”text” formControlName=”firstName”/> <input type=”text” formControlName=”lastName”/> <input type=”text” … Read more

Using “label for” on radio buttons

November 29, 2022 by Tarik

You almost got it. It should be this: <input type=”radio” name=”group1″ id=”r1″ value=”1″ /> <label for=”r1″> button one</label> The value in for should be the id of the element you are labeling.

jQuery set radio button

November 22, 2022 by Tarik

Your selector looks for the descendant of a input:radio[name=cols] element that has the id of newcol (well the value of that variable). Try this instead (since you’re selecting by ID anyway): $(‘#’ + newcol).prop(‘checked’,true); Here is a demo: http://jsfiddle.net/jasper/n8CdM/1/ Also, as of jQuery 1.6 the perferred method of altering a property is .prop(): http://api.jquery.com/prop

How to set radio button checked as default in radiogroup?

November 21, 2022 by Tarik

you should check the radiobutton in the radiogroup like this: radiogroup.check(IdOfYourButton) Of course you first have to set an Id to your radiobuttons EDIT: i forgot, radioButton.getId() works as well, thx Ramesh EDIT2: android:checkedButton=”@+id/my_radiobtn” works in radiogroup xml

Assign an initial value to radio button as checked

November 12, 2022 by Tarik

You can use the checked attribute for this: <input type=”radio” checked=”checked”>

jQuery $(“#radioButton”).change(…) not firing during de-selection

October 25, 2022 by Tarik

Looks like the change() function is only called when you check a radio button, not when you uncheck it. The solution I used is to bind the change event to every radio button: $(“#r1, #r2, #r3”).change(function () { Or you could give all the radio buttons the same name: $(“input[name=someRadioGroup]:radio”).change(function () { Here’s a working … Read more

Jquery If radio button is checked

October 22, 2022 by Tarik

$(‘input:radio[name=”postage”]’).change( function(){ if ($(this).is(‘:checked’) && $(this).val() == ‘Yes’) { // append goes here } }); Or, the above – again – using a little less superfluous jQuery: $(‘input:radio[name=”postage”]’).change( function(){ if (this.checked && this.value == ‘Yes’) { // note that, as per comments, the ‘changed’ // <input> will *always* be checked, as the change // event … Read more

AngularJS – Binding radio buttons to models with boolean values

October 16, 2022 by Tarik

The correct approach in Angularjs is to use ng-value for non-string values of models. Modify your code like this: <label data-ng-repeat=”choice in question.choices”> <input type=”radio” name=”response” data-ng-model=”choice.isUserAnswer” data-ng-value=”true” /> {{choice.text}} </label> Ref: Straight from the horse’s mouth

How do I change the color of radio buttons?

October 16, 2022 by Tarik

A quick fix would be to overlay the radio button input style using :after, however it’s probably a better practice to create your own custom toolkit. input[type=”radio”]:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #d1d3d1; content: ”; display: inline-block; visibility: visible; border: 2px solid white; } input[type=”radio”]:checked:after { … Read more

Why can’t radio buttons be “readonly”?

October 6, 2022 by Tarik

Radio buttons would only need to be read-only if there are other options. If you don’t have any other options, a checked radio button cannot be unchecked. If you have other options, you can prevent the user from changing the value merely by disabling the other options: <input type=”radio” name=”foo” value=”Y” checked> <input type=”radio” name=”foo” … Read more