Connecting Tech Pros Worldwide Forums | Help | Site Map
bytes > topic > javascript > answers

[Javascript] If checkbox C_1 is selected fields required?

Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#1: Sep 5 '08
Hi all.

I have this simple form.

I need if checkbox C_1 is selected:

1) field name="n_1" is required and accept only numbers;
2) field name="n_2" is required and accept only numbers;

I need if checkbox C_2 is selected:

3) field name="n_3" is required and accept only numbers;
4) field name="n_4" is required and accept only numbers;

If checkbox not selected no required fields.

Can you help me?

Expand|Select|Wrap|Line Numbers
  1.  
  2. <html>
  3. <head>
  4.  
  5. <title>Popup</title>
  6.  
  7. <script language="javascript" type="text/javascript">
  8. <!--
  9.  
  10. function Go(){
  11.  
  12. var f=document.getElementById('id_form')
  13. var s='';
  14. var re = new RegExp("^[0-9]+$");
  15.  
  16. for(var i=0;i<f.elements.length;i++){
  17.  
  18. if(f.elements[i].value == ""){
  19. alert("KO!");
  20. f.elements[i].focus();
  21. return false;
  22.  
  23. }else if(f.elements[i].value.match(re)){
  24. alert("Only numbers!");
  25. f.elements[i].focus();
  26. return false;
  27.  
  28. }else{
  29.   s+=f.elements[i].value+',';
  30. }
  31. } 
  32.   alert("OK.");
  33.  
  34. }
  35.  
  36. //-->
  37. </script>
  38.  
  39. </head>
  40.  
  41. <body>
  42.  
  43. <form id="id_form" name="myform">
  44.  
  45. <div align="center">
  46. <table border="0" id="table1">
  47.  
  48. <td class=blub align="center"><input type="checkbox" name="C_1" value="ON"></td> 
  49. <td class=blub align="center"><input type="text" id="n_1" name="n_1" size="5"></td> 
  50. <td class=blub align="center"><input type="text" id="n_2" name="n_2" size="5"></td>
  51.  
  52. <td class=blub align="center"><input type="checkbox" name="C_2" value="ON"></td> 
  53. <td class=blub align="center"><input type="text" id="n_1" name="n_3" size="5"></td> 
  54. <td class=blub align="center"><input type="text" id="n_2" name="n_4" size="5"></td>
  55.  
  56. <td class=blub align="center"><a href="#" onclick="Go();">Go</a></td>
  57.  
  58. </tr>
  59.  
  60. </table>
  61.  </div>
  62.  
  63. </form>
  64.  
  65. </body>
  66. </html> 

Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#2: Sep 5 '08

re: [Javascript] If checkbox C_1 is selected fields required?

you could (use two forms,) query the checkboxes with {checkbox_element}.checked and then select the forms/form elements to check for valid input.

regards

PS: you can omit the href attribute, if you style those anchors with css
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#3: Sep 5 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by Dormilich

you could (use two forms,) query the checkboxes with {checkbox_element}.checked and then select the forms/form elements to check for valid input.

regards

PS: you can omit the href attribute, if you style those anchors with css

mmm sorry but I dont understand....
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#4: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by viki1967

mmm sorry but I dont understand....

what don't you understand? the checkbox thing? well every checkbox element has a property called 'checked'. you can test if this property is true or false and depending on that you can do the validation.

regards
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#5: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by Dormilich

what don't you understand? the checkbox thing? well every checkbox element has a property called 'checked'. you can test if this property is true or false and depending on that you can do the validation.

regards

No... I don't understand: "use two forms"....
one example please?
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#6: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

the two forms idea was only to point out that you need something to sort out which elements are checked with the first checkbox and which with the second. I've seen several possibilities
- group the elements by a class name (using later the getElementsByClassName() function)
- group the elements inside a wrapper element that is accessible via its id (this can be any, including form, div, span, table,...)
* if you use form as wrapper you have access through {form}.elements
* if you use generic elements you have access through {element}.childNodes
- assign an id to every input element and access them through a JS array that contains the appropriate ids

so, which one you choose depends on what you want to do with the form later and what you like best.

the two forms idea occurred to me because so it is possible to send only the required form.

regards

PS: as for the 'go' link
[HTML]// html
<span class="go" id="gocheck">Go!</span>

// css
.go {
text-decoration: underline;
color: _your_link_color_;
background-color: _your_link_background_color_;
}

.go:hover {
color: _your_link_color_on_hover_;
background-color: _your_link_background_color_on_hover_;
}

// javascript
var link = document.getElementById("gocheck");
link.addEventListener("click", Go, false); // standard
link.attachEvent("onclick", Go); // IE[/HTML]
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#7: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

One more thought. you could also use parseInt() or parseFloat() to check for a number.

regards
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#8: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

If I'm not mistaken, the requirement is that the two fields n_1/n_2 are mandatory if the first checkbox is checked and the other two if the 2nd one is checked which doesn't mean that they shouldn't be sent if they are filled. In other words, I don't think two forms would be a good idea, but, as I said, I may be mistaken.
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#9: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

If I'm not mistaken, the requirement is that the two fields n_1/n_2 are mandatory if the first checkbox is checked and the other two if the 2nd one is checked which doesn't mean that they shouldn't be sent if they are filled. In other words, I don't think two forms would be a good idea, but, as I said, I may be mistaken.

yea, it all depends on how the form data shall be sent, but it was not specified in the original post, so this idea popped up in my mind.
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#10: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

sorry but I do not know this method....
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#11: Sep 6 '08

re: [Javascript] If checkbox C_1 is selected fields required?

The basic idea is that when C1 is checked put the validation for the corresponding fields:
Expand|Select|Wrap|Line Numbers
  1. // C1 is checkbox ref.
  2. if (C1.checked) {
  3. // validation of fields...
  4. }
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#12: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

The basic idea is that when C1 is checked put the validation for the corresponding fields:

Expand|Select|Wrap|Line Numbers
  1. // C1 is checkbox ref.
  2. if (C1.checked) {
  3. // validation of fields...
  4. }

Not working... no error but the form is validate until the checkbox no selected

Expand|Select|Wrap|Line Numbers
  1. function Go(){
  2.  
  3. var f=document.getElementById('id_form')
  4. var s="";
  5. var re = new RegExp("^[0-9]+$");
  6.  
  7. for(var i=0;i<f.elements.length;i++){
  8.  
  9. if(f.elements[i].type=="checkbox" && f.elements[i].checked); {
  10.  
  11. if(f.elements[i].value == ""){
  12. alert("KO!");
  13. f.elements[i].focus();
  14. return false;
  15. }else
  16.  
  17. if(!f.elements[i].value.match(re)){
  18. alert("Only numbers!");
  19. f.elements[i].focus();
  20. return false;
  21.  
  22. }else{
  23.   s+=f.elements[i].value+',';
  24. }
  25. }
  26. }
  27.  
  28.   alert("OK!");
  29.  
  30.  
  31. }
  32.  
  33.  
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#13: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

This code looks as if only the selected checkbox is checked (and of cause the checkbox value is not a number). there's no correlation which elements are to be checked if any of the checkboxes is selected. (either you do a second for loop, or you use fixed values for the checkbox if-statement)
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#14: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by Dormilich

This code looks as if only the selected checkbox is checked (and of cause the checkbox value is not a number). there's no correlation which elements are to be checked if any of the checkboxes is selected. (either you do a second for loop, or you use fixed values for the checkbox if-statement)

I'am confused...

Expand|Select|Wrap|Line Numbers
  1.  
  2.  
  3. function Go(){
  4.  
  5. var f=document.getElementById('id_form')
  6. var s="";
  7. var re = new RegExp("^[0-9]+$");
  8.  
  9. for(var i=0;i<f.elements.length;i++) {
  10.  
  11.   if (f.elements[i].checked)
  12.     {
  13.  
  14. if(f.elements[i].value.length <= 0) {
  15. alert("Non va bene!");
  16. f.elements[i].focus();
  17. return false;
  18. }else
  19.  
  20.   s+=f.elements[i].value+',';
  21. }
  22. }
  23.  
  24.   alert("OK!");
  25.  
  26.  
  27. }
  28.  
  29.  
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#15: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Don't loop over the elements array. Use fixed names/ids. That will allow you to get the correct elements. You could use the elements array/object if you provide names or set IDs and use document.getElementById().
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#16: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

Don't loop over the elements array. Use fixed names/ids. That will allow you to get the correct elements. You could use the elements array/object if you provide names or set IDs and use document.getElementById().

I have change method and function javascript and semplify the code... but if checkbox not selected alert is always KO!

:(

Expand|Select|Wrap|Line Numbers
  1.  
  2. function submitIt()
  3.  
  4. { 
  5.  
  6.  
  7.  
  8.   var el = document.forms['myform'].elements;
  9.   var s = "";
  10.  
  11.  
  12.   var nFields = el.length;
  13.  
  14.   for ( var n = 0 ; n < nFields ; n++ )
  15.  
  16.     { 
  17.  
  18.       if (el[n].type == "checkbox" &&              
  19.           el[n].checked);  {                       
  20.  
  21.              if(el[n].value.length <= 0)           
  22.  
  23.                    {
  24.  
  25.                    alert("KO!");
  26.                    el[n].focus();
  27.                    return false;
  28.  
  29.                    }
  30.  
  31.       else {
  32.  
  33.         s+=el[n].value+',';
  34.  
  35.            }              
  36.  
  37. }
  38.  
  39.  
  40.  
  41. }
  42.  
  43.  alert("OK!");
  44.  
  45. }
  46.  
  47. ...
  48.  
  49. <form id="id_form" action="" name="myform">
  50.  
  51. ...
  52.  
  53. <a href="#" onclick="return(submitIt(this));">GO!</a>
  54.  
  55.  
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#17: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

The problem is still the same. After finding a checkbox and seeing that it's checked, you're checking the value of the same checkbox element (line 20). Also remove the semi-colon from line 18.

Based on the HTML you posted earlier, I suggest you try something like the following:
Expand|Select|Wrap|Line Numbers
  1. var C1 = f.elements["C_1"];
  2. if (C1.checked) {
  3.     var n1 = document.getElementById("n_1");
  4.     // validate n1...
  5.     var n2 = document.getElementById("n_2");
  6.     // validate n2...
  7. }
  8. // now repeat for checkbox C_2...
No need for a for loop to loop over all the form elements.
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#18: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

The problem is still the same. After finding a checkbox and seeing that it's checked, you're checking the value of the same checkbox element (line 20). Also remove the semi-colon from line 18.

Based on the HTML you posted earlier, I suggest you try something like the following:

Expand|Select|Wrap|Line Numbers
  1. var C1 = f.elements["C_1"];
  2. if (C1.checked) {
  3.     var n1 = document.getElementById("n_1");
  4.     // validate n1...
  5.     var n2 = document.getElementById("n_2");
  6.     // validate n2...
  7. }
  8. // now repeat for checkbox C_2...
No need for a for loop to loop over all the form elements.


I need to loop because number of fields ( checkbox and other fields ) is variable in the form... do you understand my?
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#19: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Oh, I see. So then how would you determine which checkbox applies to which element?
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#20: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

Oh, I see. So then how would you determine which checkbox applies to which element?

this is the problem...
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#21: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Let's try again. Is it always one checkbox followed by two text boxes?
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#22: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

Oh, I see. So then how would you determine which checkbox applies to which element?

this is why I thought about using several forms. Is it a good idea to use: (foreach) form.submit() to send all forms?

maybe you can add a class to every input group and access them through getElementsByClassName()...

regards
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#23: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

Let's try again. Is it always one checkbox followed by two text boxes?

Yes the form is always this: one checkbox followed by two text boxes.
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#24: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by viki1967

Yes the form is always this: one checkbox followed by two text boxes.

@ acoder: do you think node.nextSibling would be of use here?
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#25: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by viki1967

Yes the form is always this: one checkbox followed by two text boxes.

Since this is the case and there are no submit buttons, you can loop over the form elements array and add 3 each time instead of incrementing one only, e.g.
Expand|Select|Wrap|Line Numbers
  1. for (n = 0; n < f.elements.length; n += 3) {
  2.     var chk = f.elements[n]; // checkbox
  3.     var txt1 = f.elements[n+1]; // text box 1
  4.     var txt2 = f.elements[n+2]; // text box 2
  5.     // now do the validation
  6.  
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#26: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by Dormilich

this is why I thought about using several forms. Is it a good idea to use: (foreach) form.submit() to send all forms?

maybe you can add a class to every input group and access them through getElementsByClassName()...

That would be an idea, but rather than add it in the markup, I would say it would be better to check the type and check the next elements instead. I'm not too keen on the multiple forms idea because it causes more problems than it solves.
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#27: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by Dormilich

@ acoder: do you think node.nextSibling would be of use here?

Possibly or what I've posted above.
Dormilich's Avatar
Moderator
  
Join Date: Aug 2008
Location: Leipzig, Germany
Posts: 3,648
#28: Sep 7 '08

re: [Javascript] If checkbox C_1 is selected fields required?

I'd go for your solution too (sounds more solid)
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#29: Sep 8 '08

re: [Javascript] If checkbox C_1 is selected fields required?

sorry... but I have reset all... I am desperate because do not find solution to the my problem javascript...
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#30: Sep 8 '08

re: [Javascript] If checkbox C_1 is selected fields required?

See #25 above. Did you try that?
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#31: Sep 8 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

See #25 above. Did you try that?

Yes but not working...

I write new function... try please this web page

This code working if one checkbox one input type text...

In my case I need:

Expand|Select|Wrap|Line Numbers
  1. checkbox - select - input text 1 - input text 2 
and the string is:

Expand|Select|Wrap|Line Numbers
  1. name_checkbox , value_select , value_input_text_1 , value_input_text_2
can you help me?
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#32: Sep 9 '08

re: [Javascript] If checkbox C_1 is selected fields required?

OK, so the requirements changed again. Why have you named the select object and text box elements with the same name. If you name them differently, it'll be easier to access them, e.g. C1sel for the select element, C1t1 for the first text box and C1t2 for the second text box.
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#33: Sep 9 '08

re: [Javascript] If checkbox C_1 is selected fields required?

thanks acoder...I see the solution... try this please:

http://free.7host06.com/popigu/

My problem this is:

Expand|Select|Wrap|Line Numbers
  1.       else {
  2.  
  3. stringa+=checks[i].value+','+select.options[select.selectedIndex].value+","+input1.value+","+input2.value+",";
  4.  
  5. } 
  6.  
  7. }
  8.  
  9. } 
  10.  
  11. window.opener.document.myform.campo_form_pagina_madre.value = stringa
  12. alert("OK.");
  13. window.close();
  14.  
  15. return false; 
  16. }
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#34: Sep 9 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Good job! Is it all working fine now?
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#35: Sep 9 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

Good job! Is it all working fine now?


No, working not fully...

the problem is this part of the code:

Expand|Select|Wrap|Line Numbers
  1. else {
  2.  
  3. stringa+=checks[i].value+','+select.options[select.selectedIndex].value+","+input1.value+","+input2.value+",";
  4.  
  5. } 
  6.  
  7. }
  8.  
  9. } 
  10.  
  11. window.opener.document.myform.campo_form_pagina_ma  dre.value = stringa
  12. alert("OK.");
  13. window.close();
  14.  
  15. return false; 
  16. }
Because submit the form when only checkbox is selected... do you try my link?

http://free.7host06.com/popigu/
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#36: Sep 9 '08

re: [Javascript] If checkbox C_1 is selected fields required?

So you want it to submit/close even if no checkbox is checked?
Familiar Sight
  
Join Date: Oct 2007
Posts: 254
#37: Sep 10 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Quote:

Originally Posted by acoder

So you want it to submit/close even if no checkbox is checked?

Hi acoder, thanks x your reply.

I close this project, the final and working solution is:

Expand|Select|Wrap|Line Numbers
  1.  
  2. <html>
  3. <head>
  4.  
  5. <title>Popup</title>
  6.  
  7. <script type="text/javascript">
  8. <!--//
  9.  
  10. function checkNumber(e) 
  11. { 
  12.     var evt = window.event ? window.event : e; 
  13.     var input = evt.target ? evt.target : evt.srcElement; 
  14.  
  15.  
  16.         var value = input.value; 
  17.         var chr = parseInt(value.substring(value.length - 1, value.length)); 
  18.         if(!chr && chr != 0) 
  19.         { 
  20.             if(value.length == 1) 
  21.                 value = ''; 
  22.             else 
  23.                 value = value.substring(0, value.length - 1); 
  24.  
  25.             input.value = value; 
  26.         } 
  27.     } 
  28.  
  29. window.onkeyup = checkNumber;
  30.  
  31. /////////////////////////////
  32.  
  33. function checkForm() 
  34. { 
  35.    var checks = new Array(); 
  36.    var els = document.getElementsByTagName('input'); 
  37.  
  38.    var ret = true; 
  39.  
  40.    var num = 0; 
  41.  
  42.    var stringa='' 
  43.  
  44.    for(i = 0; i < els.length; i++) 
  45.    { 
  46.       if(els[i].type.toUpperCase() == "CHECKBOX") 
  47.          checks[num++] = els[i]; 
  48.    } 
  49.  
  50.    var countChecked = 0
  51.  
  52.    for(i = 0; i < checks.length; i++) 
  53.    { 
  54.       if(checks[i].checked) 
  55.       { 
  56.          countChecked++;
  57.  
  58.          var name = checks[i].name.substring(1); 
  59.          var select, input1, input2; 
  60.  
  61.          select = document.getElementById("Esito_"+name); 
  62.          input1 = document.getElementById("ITEMS_"+name); 
  63.          input2 = document.getElementById("ITEMS_KO_"+name+"_"+name); 
  64.  
  65.          if(select.selectedIndex <= 0 || input1.value == "" || input2.value == ""){ 
  66.  
  67.              alert("KO");
  68.              ret = false;  
  69.       } 
  70.  
  71.       else {
  72.  
  73.  
  74.         stringa+=checks[i].value+','+select.options[select.selectedIndex].value+","+input1.value+","+input2.value+",";
  75.  
  76.         window.opener.document.myform.campo_form_pagina_madre.value = stringa
  77.         window.close();
  78.         ret = false;  
  79.  
  80.            }
  81.       }
  82.  
  83.  
  84.  
  85. if(countChecked == 0)
  86. ret = false;
  87.  
  88. }
  89.  
  90. return ret; 
  91.  
  92.  
  93. }
  94.  
  95. /////////////////////////////
  96.  
  97. //-->
  98. </script> 
  99.  
  100.  
  101. </head>
  102.  
  103. <body>
  104.  
  105. <form id="id_form" name="myform">
  106.  
  107. <input type="checkbox" id="C1" name="C1" value="ON">
  108.  
  109. <select size="1" id="Esito_1" name="Esito_1">
  110.    <option>Seleziona</option>
  111.    <option value="Sufficiente">Sufficiente</option>
  112.    <option value="Insufficiente">Insufficiente</option>
  113.    <option value="Sufficiente con osservazioni">Sufficiente con osservazioni</option>
  114.    <option value="Dettagliato in verbale">Dettagliato in verbale</option>
  115. </select>
  116.  
  117. <input type="text" id="ITEMS_1" name="ITEMS_1" size="5" onKeyUp="checkNumber(event)" />
  118. <input type="text" id="ITEMS_KO_1_1" name="ITEMS_KO_1_1" size="5" onKeyUp="checkNumber(event)" />
  119.  
  120.  
  121. <br><br>
  122.  
  123. <input type="checkbox" id="SOTTODETTAGLIO_VERIFICA_2" name="SOTTODETTAGLIO_VERIFICA_2" value="ON">
  124.  
  125. <select size="1" id="Esito_2" name="Esito_2">
  126.    <option>Seleziona</option>
  127.    <option value="Sufficiente">Sufficiente</option>
  128.    <option value="Insufficiente">Insufficiente</option>
  129.    <option value="Sufficiente con osservazioni">Sufficiente con osservazioni</option>
  130.    <option value="Dettagliato in verbale">Dettagliato in verbale</option>
  131. </select>
  132.  
  133. <input type="text" id="ITEMS_2" name="ITEMS_2" size="5" onKeyUp="checkNumber(event)" />
  134. <input type="text" id="ITEMS_KO_2_2" name="ITEMS_KO_2_2" size="5" onKeyUp="checkNumber(event)" />
  135.  
  136. <br><br>
  137.  
  138. <input type="checkbox" id="SOTTODETTAGLIO_VERIFICA_3" name="SOTTODETTAGLIO_VERIFICA_3" value="ON">
  139.  
  140. <select size="1" id="Esito_3" name="Esito_3">
  141.    <option>Seleziona</option>
  142.    <option value="Sufficiente">Sufficiente</option>
  143.    <option value="Insufficiente">Insufficiente</option>
  144.    <option value="Sufficiente con osservazioni">Sufficiente con osservazioni</option>
  145.    <option value="Dettagliato in verbale">Dettagliato in verbale</option>
  146. </select>
  147.  
  148. <input type="text" id="ITEMS_3" name="ITEMS_3" size="5" onKeyUp="checkNumber(event)" />
  149. <input type="text" id="ITEMS_KO_3_3" name="ITEMS_KO_3_3" size="5" onKeyUp="checkNumber(event)" />
  150.  
  151. <br><br>  
  152.  
  153. <a href="#" onclick="return checkForm();">Go</a></td>
  154.  
  155.  
  156.  
  157. </form>
  158.  
  159. </body>
  160. </html>
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#38: Sep 10 '08

re: [Javascript] If checkbox C_1 is selected fields required?

Glad you got it working and thanks for posting your solution :)
Reply

« previous question | next question »

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

Forums
Visit our community forums for general discussions and latest on Bytes

Our staff and community areas have moved to bytes.com/forums/

/bytes/about

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 226,419 network members.

dev questions:
algorithms | asp | asp.net | c/c++ | coldfusion | c# | flash | html/css | java | javascript |
mobile dev | .net | perl | php | python | ruby | software dev | vb.net | visual basic | xml
it questions:
access | apache | careers | db2 | iis | macosx | mysql | networking | oracle | postgresql | sql server | unix | windows

About Bytes | Copyright 1995-2009 BYTES. All rights Reserved