0

私はJavaScriptが初めてで、助けが必要です。「治療メモを追加」というボタンが必要なウェブサイトを開発しています。

1.「治療メモを追加」をクリックすると、対応する2つ<div>が開き、<div>「治療メモを追加」ボタンが開いた状態の場合、テキストが「治療メモを非表示」に変更されます。

  <div id="divpopup"><button>Add treatment notes</button></div>

2.「治療メモを非表示」をクリックすると、2つのdivのデータが非表示になります。

<td class="ir-shade4" colspan="2">
    <div id=irid1><p><em>If injured,mark location</em></p>
    <img src="{{ STATIC_URL }}images/spotmarker.jpeg"/></div>
 </td>
 <td class="ir-shade3" colspan="2">
  <div id=irid2><p>Actions</p>
   <p><input id="ir-box" type="checkbox"/>01.Allowed to rest and returned to class</p>
   <p><input id="ir-box" type="checkbox"/>02.Contacted parents/guardians</p>
   <p><strong><em>Treatment given,or other notes</em></strong></p>
   <textarea class="textarea" name="description"></textarea>
   <p><input id="ir-box2" type="checkbox"/>No furthur action needed</p>
   </div>
   </td>

編集：

$(document).ready(function () {
  $("#divpopup").css("display", "none");
});

function addtreatment() {
  var hideValue = $("#irid1").val();
  var hideValue = $("#irid2").val();
  var newHideValue = 0;
    if (hideValue == 0) {
      newHideValue = 1;
      }
      else 
      {
        newHideValue = 0;
      }
    if (newHideValue == 0) {
      $("#divpopup").css("display", "none");
    }
    else 
    {
      $("#divpopup").css("display", "block");
    }
    $("#irid1").val(newHideValue);
    $("#irid2").val(newHideValue);

    return false;
  }

これをマイページに実装する方法を教えてください。

ありがとう

4

3 に答える 3

2

質問に のタグを付けたので、jQuery の、、、および関数jQueryを調べることをお勧めします。それはあなたを始めるかもしれません。共有するコードがある場合は、お気軽に戻って詳細な質問をしてください。toggle()show()hide()text()click

于 2013-04-17T05:05:40.730 に答える
2

あなたはこれを使うことができます

$('#divpopup').click(function()
 {
   $('.ir-shade4').toggle();
   $('.ir-shade3').toggle();
}

次に使用します$('#divpopup').text('Hide treatment notes');

テキストを何に設定する必要があるかを確認するためにifステートメントを入力するための演習のために残します

于 2013-04-17T05:07:21.570 に答える