ツリービューメッセージボードは - 私は親メッセージと子メッセージを持っている（会話ツリーのような）メッセージボードを持っている...子供BELOW MADE

Question

CORRECTIONSのために働いていないボタンを提出

を無効にします。私は何も入力ボックスに入力されていないときに送信ボタンを無効にする下のjqueryを実装しました。それは親のサブミットボタン（#sendcomment入力ボックス）では動作しますが、子（#sendcomment入力ボックスも）では動作しません。何か案は？

<div id="defaultcontainerwrapper" class="maxwidth"> 
    <div class="messageList" style="margin-top:10px; margin-left:30px;"> 
      <?php foreach($this->messageList as $k=>$message){ 
       $postId=$message['postId']; 
       if($message['depth']!=0){ 
        $depth=$message['depth']; 
        do{ 
         echo(": . . "); 
         $depth--; 
        } 
        while($depth!=0); 
       } 
       ?> 

     <span class="viewThread"> 
      <a style="color:#cd6b2e;text-decoration:underline; cursor:pointer; cursor: hand;" 
       onclick="<?php echo "javascript:ajaxView(" . $postId . ");"; ?>"><?php echo $message['content'] ? nl2br(substr($message['content'], 0, 30)) . '...' : ''; ?></a> 
      <?php echo htmlspecialchars("<");?><a style="color:grey;"><?php echo $message['posterName'];?></a><?php echo htmlspecialchars(">")."&nbsp".$message['date']."<br/>\n";?> 
     </span> 

       <div class="displayPanel" id="<?php echo $postId;?>" > 
        <div class="displayContent" > 
        </div> 

        <div class="RepForm-loggedin" > 
         <form name="RepForm" method="POST" action="<?php echo $this->newReply;?>"> 
          <table name="RepFormTable" style="width:100%"> 
           <script type="text/javascript" src="data/js/jquery_lib/jquery.min.js"></script> 

           <tr> 
            <td style="width:100%"> 
             <input type="text" maxlength="75" id="repContent" class="inputbox inputbox-title placeholder-soc-med" 
               name="repContent" placeholder="Add your comment here. . ."/> 
             <span><input type="submit" id="sendComment" name="sendComment" class="dgrey-button cancel-button" value="Submit"></span> 

            </td> 
           </tr> 
          </table> 

          <textarea style="display: none" name="content"></textarea> 
          <input type="hidden" value="<?php echo $this->tag ;?>" name="tag"> 
          <input type="hidden" value="" name="parentId"> 
          <input type="hidden" value="" name="depth"> 
         </form> 
        </div> 
       </div> 
      <?php } ?> 
     <div class="clear"></div> 
    </div> 
</div> 



<script type="text/javascript"> 
$(document).ready(function(){ 

    var sendComment = document.getElementsByName("sendComment"); 
    var repContent = document.getElementsByName("repContent"); 
    $(sendComment).attr('disabled', true); 
    $(repContent).keyup(function() { 
     if ($(this).val().length != 0) 
      $(sendComment).attr('disabled', false); 
     else 
      $(sendComment).attr('disabled', true); 
    }) 

}); 

<script> 

Answer 1

id属性は、その要素の一意の識別子（ID）を指定します。この値は、要素のホームサブツリー内のすべてのIDの中で一意でなければならず、少なくとも1つの文字を含んでいなければなりません。値にはスペース文字を使用できません。 https://www.w3.org/TR/2011/WD-html5-20110525/elements.html#the-id-attribute

あなたは、そのIDが「sendComment」