1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>Document</title>
  9. <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  10. </head>
  11. <body dir="rtl">
  14. <div id="colleges">
  15. <input type="checkbox" id="college_all">همه دانشکده ها
  16. <?php
  17. /**
  18. * Created by PhpStorm.
  19. * User: mahdi
  20. * Date: 1/6/19
  21. * Time: 8:03 AM
  22. */
  23. include_once('college.php');
  25. ?>
  26. </div>
  27. <div id="groups">
  28. <input type="checkbox" disabled id="group_all">همه گروه ها
  29. </div>
  30. <div id="majors">
  31. <input type="checkbox" disabled id="major_all">همه رشته ها
  32. </div>
  33. <script>
  34. $("#college_all").click(function () {
  35. var checked = this.checked;
  36. $(".college").each(function(){
  37. if (this.checked != checked) $(this).trigger('click');
  39. })
  40. })
  41. $("#group_all").click(function () {
  42. var checked = this.checked;
  43. $(".group").each(function(){
  44. if (this.checked != checked) $(this).trigger('click');
  46. })
  47. })
  48. $("#major_all").click(function () {
  49. var checked = this.checked;
  50. $(".major").each(function(){
  51. if (this.checked != checked) $(this).trigger('click');
  53. })
  54. })
  55. $(".college").change(function () {
  57. if (this.checked) {
  58. $("#group_all").removeAttr("disabled");
  59. val = $(this).val();
  60. if(val){
  61. $.ajax({
  62. type: "GET",
  63. url: 'getgroup.php?collegeid=' + val,
  64. success: function (data) {
  65. $("#groups").append(data);
  66. $(".group").change(function () {
  67. if (this.checked) {
  68. $("#major_all").removeAttr("disabled");
  69. val1 = $(this).val();
  70. if(val1){
  71. $.ajax({
  72. type: "GET",
  73. url: 'getmajor.php?groupid=' + val1,
  74. success: function (data) {
  75. $("#majors").append(data);
  77. }
  78. })
  79. }
  81. } else {
  82. v = $(this).val();
  83. gclass = ".groupid" + v;
  84. // alert(gclass);
  85. $(gclass).remove();
  86. }
  87. })
  88. }
  90. })
  91. }
  94. } else {
  95. v1 = $(this).val();
  96. cclass = ".collegeid" + v1;
  97. // alert()
  98. $(cclass).remove();
  100. }
  101. })
  102. </script>
  103. </body>
  104. </html>

ajax.php