How to change values based on user inputs

salmanmanekia · 11-08-2012, 07:26 AM

Hi,

I am new to JS and web dev in general. I have a conceptual problem in which i have to design a form which have questions and answers as options. On the basis of what option the user selects (and the data is being collected) the options to the answer to the next question changes.
For example, if for the first question , the user selects 1 then for the second question user can only select 1 or 4 . Whereas if for the first question the user has choosen 2 then for the second question then user can only select 3.
Also, after the user fills the form i have to save it in a dB.

So, my question is, Is it possible to completely do this on the client side. Once again i am not at all good with either JS or PHP. If its possible then which methods can be used and how can i interact with dB. If somebody can elobrate my problem (the first paragraph) in terms of JS/PHP(if its required) then i would be very grateful to him/her.

Thanks

vwphillips · 11-08-2012, 11:29 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<script type="text/javascript">
/*<![CDATA[*/
function Disable(obj,nme){
 var frm=obj.form,r=frm[nme],args=Disable.arguments,z0=0,z0a;
 for (z0=0;z0<r.length;z0++){
  r[z0].disabled=true;
  for (z0a=2;z0a<args.length;z0a++){
   if (args[z0a]-1==z0){
    r[z0].removeAttribute('disabled');
   }
  }
 }

}
/*]]>*/
</script></head>

<body>
<form>
<input type="radio" name="q1" onclick="Disable(this,'q2',1,4);" />
<input type="radio" name="q1" onclick="Disable(this,'q2',2);" />
<br />
<input type="radio" name="q2" disabled="disabled"/>
<input type="radio" name="q2" disabled="disabled"/>
<input type="radio" name="q2" disabled="disabled"/>
<input type="radio" name="q2" disabled="disabled"/>
</form>
</body>

</html>