Question

I am currently working on a project where we render a dynamic page based on what we are holidng in a SQL table. We have conditional validation for controls where you can say

if x is equal to y then enable controls abc

I have multiple radio buttons in a group, the last control is “Other (please specify)” which when true will enable a textbox to specify so I need to capture when this is set to both true or false. Currently I am doing something like this

<input type="radio" name="test" value="Yes" />
<input type="radio" onchange="onChange()" name="test" value="No" />
<script type="text/javascript">
    function onChange() {
        alert('Changed')
    }
</script>

If I check NO I get an alert. If I then check YES it changes the NO radio button checkstate but doesn’t display an alert – any solutions?

Answer 1

The only thing I can suggest is putting an onchange on the whole group and then checking which is selected when they change. Not very elegant but it appears that this is just how the change event works (ie it only responds to a user change, not to a system change of it).