myd-cjwdwj.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>创建问卷</title>
  6. <script type="text/javascript" src="../../commons/js/survey-all.js"></script>
  7. <script type="text/javascript" src="./js/myd-cjwdwj.js"></script>
  8. </head>
  9. <body>
  10. <div class="clearfix" style="width: auto;">
  11. <div class="main-tit"><h2>创建问卷</h2></div>
  12. <div id="mainTabCon">
  13. <div class="main-tab-con">
  14. <div class="">
  15. <h4>问卷标题</h4>
  16. <div class="mt10">
  17. <input id='title' type="text" class="input-text" style="width:585px;"
  18. onchange="ComWbj.stripStr('title','name');ComWbj.stripOutStr(this,'[$\'[\\]]');" />
  19. </div>
  20. </div>
  21. <div class="mt25">
  22. <h4>调查对象</h4>
  23. <div class="mt10 clearfix">
  24. <ul class="obj-type" id='type'>
  25. <li type='1'><a href="javascript:;">门诊患者</a></li>
  26. <li type='3'><a href="javascript:;">手术患者</a></li>
  27. <li type='2'><a href="javascript:;">住院患者</a></li>
  28. <li type='4'><a href="javascript:;">体检患者</a></li>
  29. <li type='5'><a href="javascript:;">其他</a></li>
  30. </ul>
  31. </div>
  32. </div>
  33. <div class="mt30">
  34. <input type="button" class="btn" value="创建" />
  35. </div>
  36. </div>
  37. <div class="main-tab-con"></div>
  38. </div>
  39. </div>
  40. <script type="text/javascript">
  41. $(function(){
  42. var objType = $('.obj-type');
  43. var objTypeChosed = $('<i>',{'class':'chosed'});
  44. objType.delegate('li','click',function(){
  45. if(objType.find('.closed').length) { objTypeChosed=objType.find('.closed').detach(); $(this).append(objTypeChosed);}
  46. else {$(this).append(objTypeChosed);}
  47. objType.find('li').removeClass('on');
  48. $(this).addClass('on');
  49. })
  50. })
  51. </script>
  52. </body>
  53. </html>