Resetting value of dependent field on hide in AngularJS - javascript

I have a form with a radio button asking a question with a Yes/No response. If the user selects Yes, then a drop down appears which is a required field. If the user selects No, then this drop down does not appear.
In the case that the user answers Yes and then chooses a value from the drop-down, then goes back later and changes the answer to No, I want the selected value in the drop-down to be removed (set to '' for example).
How do I do this in AngularJS?
At the moment, what is happening is that the radio box value is set to No, but I am still retaining the value originally selected in the drop down.

I can think of 2 ways:
Watch for the radio button value and set the drop down value to '' when the radio button value is 'No'.
On ng-click of 'No' radio button set the drop down value to ''.
If I am doing it I will choose No. 2 to reduce the watch because watch is a heavy hammer approach.

Related

How to revert to old value in Rect.js radio button onChange event

I am working on radio button onChange event. once user selects the radio button we show popup with message that really they want to change the option. If YES then select new option if NO then remain on old value. but here in our case the new option getting selecting even after selecting NO option.

How to share input value and select option value in a field from Tab view?

I have a Tab option like the following image. Total view will share fixed value for both filed of first tab view.
But when I will take value from datepicker or writing manually in input text field, It will not take the fixed value of Total view.
When You clicked on button just make the radio type 'false' . So when you return back radio option will be always unchecked either you click it again.
Just add following jQuery code at the end of your function.
$('input[type="radio"]').each(function () {
$(this).attr('checked', false);
});

Need to find where my radio option CHECKED value gets changed

Is there way that i could identify where a radio option value gets changed, either thru watch expression on firebug or inspect element ?
i am remote debugging a website and there are 4 radion buttons in the website. We set the CHECKED property for my 4th option as true, it gets checked. But after a sometime(1 sec) my first option gets selected automatically. There are too many javascript code involved and i am not sure where to check.
So is there any way i can do a debug-BREAK when a watch expression fires or any other way to debug this?
You can do this using jquery:
$('input[type=radio][name="inputName"]').on('change',function(){
//#myForm is the id of the form that the radio box in
alert($('input[name="inputName"]:checked', '#myForm').val());
});
This will alert the new value of the radio box when changed JsFiddle

Javascript new window form field error

I have created a new window and have fields that need to be completed, one a text field (for a numeric value) and the other is a radio button option (choose between 7 radio buttons). I can enter text and select a radio button but cannot obtain the value for the field id, e.g. myWindow.document.write ('Copies required: ') and for the button choice
myWindow.document.write ('6x4 ').
How do I obtain the value for copies and tell if the radio button has been checked. Have displayed the value for copies and always says undefined. Any help would be very much appreciated. Thanks.
How did you displayed the value?
In simple javascript it should be a code like:
alert(document.getElementById('IdofyourObject').value);
If you are using jQuery it would be:
alert($('#IdofyourObject').val());
Maybe you can share your code.

Lotus-Notes: Reset Radiogroup via Javascript

I'm currently working on a Lotus Notes solution. We're just using Web forms so client side operations are done via Javascript.
What I want to accomplish is to reset a Group of Radio Buttons. There are 3 possibilities and I want to choose none. (A 'none of them' possibility would be preferable, I know but we are required to reset them)
I currently use:
//Unchecks a single group of Radio Buttons
//groupname - the name attribute of the group which selection needs to be unchecked
function clearRadioButtonGroup(groupName) {
for(i=0;i<document.forms[0].elements[groupName].length;i++) {
document.forms[0].elements[groupName][i].checked = false;
}
}
The problem with this routine is, the Radiogroup gets reset, but on a form submit the old value gets submitted. Any suggestions?
What version of Domino are you using? Since 7.x (I think) a %%Surrogate field gets generated as a hidden field in your HTML that you'll be able to reset, so after deselecting all of the radio button options, you can then clear out the %%Surrogate field and you should then avoid having to select a "None of the above" option.
Matt
The problem is that clearing the radio buttons make no information about them appear in the submitted form data, and Domino seems to interpret that as no change to the field rather than clear the field.
I haven't found any solution to this I really like, but I can think of two options:
Change the radio buttons to include a no choice option.
The alternative is a bit clumpsy:
Add an editable field to the form to use as a flag, hide it from the web browser with css.
Have clearRadioButtonGroup also set the flag field to something.
Have the onChange event of the radio buttons clear the flag field.
In a WebQueryOpen agent, set the radio buttons field to empty if the flag field is non-empty.
Another alternative could be to uses some clever javascript/css trick to hide the no choice option and have clearRadioButtonGroup simply set that choice.
Are you certain that the old value is actually being submitted? Perhaps it just isn't being updated (erased) in the NotesDocument you're editing? Just a hunch...
BTW, you can download a program called Fiddler that will let you inspect the HTTP POSTs, and you can confirm that the POST data doesn't contain any values for that radio button group. That might help narrow down the problem.
Put the following pass thru HTML code on your form:
<input type="hidden" name="FieldName" id="FieldID" value="">
(FieldName and FieldID are the name and id of your radio field on the form)
When you reset your radio through Javascript and submit your document, the field will be reset to blank.

Categories