如果选中复选框,则启用他的textarea

时间:2018-03-29 16:47:40

标签: php jquery html

在这个PHP代码我有foreach循环创建textarea与每个语句的复选框 如果选中了复选框,我想启用textarea 但他们有相同的身份

<?php
  foreach($Arows as $row){ 
  echo '<tr class="row">
          <th class="col-sm-12"><h4>'.$row['Type_A'].'</h4></th>
        </tr>';
  $stmt3 = $con->prepare("SELECT * FROM sous_analyse WHERE Id_A =".$row['Id_A']);
  $stmt3->execute();
  $SArows = $stmt3->fetchAll();//Analyse rows
  foreach($SArows as $Srow){ 
  echo '<tr class="row">
          <td class="col-sm-4">'.$Srow['Parameter'].'</td>
          <td class=" col-sm-5"><input type="text" class="form-control col-xl-12 border-secondary" name="Fonctionnalite" placeholder="RESULTATS" required=""></td>
          <td class="col-sm-3 text-center">'.$Srow['Normal'].'</td>
        </tr>';
      }
      echo '<tr class="row">
              <th class="col-sm-12">
                <div class="input-group">
                  <span class="input-group-addon form-check">
                    <span class="checkbox-custom checkbox-default">
                      <input type="checkbox" class="icheckbox-grey" id="inputUnchecked" name="inputUnchecked">
                      <label for="inputUnchecked"></label>
                    </span>
                  </span>
                  <textarea class="form-control" id="textareaDefault" rows="3" style="margin-top: 0px; margin-bottom: 0px; height: 60px;" disabled></textarea>
                </div>
              </th>
            </tr>';
  }
?>

我使用这个脚本但是在第一个textarea中工作

<script >
  $(document).ready(function() {
  $("#inputUnchecked").on('click', function() {
     if($(this).is(':checked')){
      $("#textareaDefault").prop('disabled',false);
    } else {
      $("#textareaDefault").prop('disabled',true);
    }
    alert("fdg");
  })
});
</script>

1 个答案:

答案 0 :(得分:0)

扩展我的评论,您需要调整PHP。这可以通过计数器($(function() { $("[id^='inputUnchecked-']").on('click', function() { if($(this).is(':checked')){ $(this).parent().parent().find("[id^='textareaDefault-']").prop('disabled',false); } else { $(this).parent().parent().find("[id^='textareaDefault-']").prop('disabled',true); } alert("fdg"); }) }); )轻松完成。

db.collection.find({"$where" : function () {

    function hasEmptyProperties(doc) {

        for (var property in doc) {
            var value = doc[property];
            if (value !== null && value.constructor === Object &&
                (Object.keys(value).length === 0 || hasEmptyProperties(value))) {
                return true;
            }
        }

        return false;
    }

    return hasEmptyProperties(this);

}});

然后,您的JavaScript可以使用该ID,因为它是唯一的,或者只是相对于附近的元素。

db.collection.insert({ _id: 1, p: false });
db.collection.insert({ _id: 2, p: [] });
db.collection.insert({ _id: 3, p: null });
db.collection.insert({ _id: 4, p: new Date() });
db.collection.insert({ _id: 5, p: {} });
db.collection.insert({ _id: 6, nestedDocument: { p: "Some Value" } });
db.collection.insert({ _id: 7, nestedDocument: { p1: 1, p2: {} } });
db.collection.insert({ _id: 8, nestedDocument: { deepDocument: { p: 1 } } });
db.collection.insert({ _id: 9, nestedDocument: { deepDocument: { p: {} } } });