单击chceckbox时编辑输入名称

时间:2018-03-05 19:11:07

标签: javascript php html checkbox

我尝试编辑特定输入的名称字段。我需要这个来从这个站点获取所有变量并将它们添加到我的发票脚本中。我有两个div与客户端选择和服务选择 HTML:

     <div class="service-select">
      <?php
        $query = "SELECT id,service_name,quantity,net_price,gross_value FROM service";

        if ($result = $mysqli->query($query)) {
            while ($row = $result->fetch_assoc()) {
      ?>
      <div class='single-service-<?php echo $row["id"]; ?>'>
        <input type='checkbox' name=''>
        <input type="text" name="service_name" class='name' value="<?php echo $row["service_name"]; ?>" placeholder='NAZWA USŁUGI' disabled/>
        <label>Ilość:</label><input type="number" name="quantity" value="<?php echo $row["quantity"]; ?>" placeholder='ILOŚĆ' disabled/>
        <label>Cena netto:</label><input type="number" name="net_price" value="<?php echo $row["net_price"]; ?>" placeholder='CENA NETTO' disabled/>
      </div>
      <?php
            }
          $result->free();
        }
      ?>
    </div>

    var checkboxes = document.querySelectorAll("input[type='checkbox']");

    for(var i=0; i < checkboxes.length; i++) {
      checkboxes[i].addEventListener('click', function() {
        var div = this.parentNode;
        var name_input = div.getElementsByClassName("name");
        var name = name_input.name;
        var parent_div = div.parentNode;
        var x = div.childNodes;
        console.log(name_input);
        if (parent_div.className == 'service-select') {
          if (name_input.name != 'service_chcecked[]') {
            name_input.name = 'service_chcecked[]';
          }
          else {
            name_input.name = 'service_name';
          }
        }
        else {
          if (name != 'client_chcecked[]') {
            name_input.name = ['client_chcecked[]'];
          }
          else {
            name_input.name = ['client_name'];
          }
        }
        for(y=0; y < x.length; y++) {
          if(x[y].type === "number" || x[y].type === "text") {
            x[y].disabled = !x[y].disabled;
          }
        }
      }, false);
    };

我的问题是,目前给定的名称已添加到div:/

0 个答案:

没有答案