Question

我有HTML DOM，如：

        <div class="col-md-3">
      <div class="list-group ">
        <a href="#" class="list-group-item list-group-item-action flex-column align-items-start listItem" id="">
          <div class="d-flex w-100 justify-content-between">
            <span style="float: left; width: 100%;"> 
              <span style=" float: left; margin-top: 5px; margin-right: 15px;">
                <input type="checkbox" name="cb_domain_sc">
              </span>
              <span style="width: 50px; float: left; ">
                <h5 class="mb-1">Supplychain</h5>
              </span> 
            </span>
            <small>3 days ago</small>
          </div>
          <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
          <small>Donec id elit non mi porta.</small>
        </a>
      </div>
    </div>

我想要实现的是通过点击带有<div class="list-group "> [...]

的DIV来更改输入的标记'已检查'属性

我在页面上有很多 DIV ，我尝试使用带有$this指示符的代码，但都失败了。我尝试find()或first() 功能。

有人可以帮我吗？

Answer 1

我想像：

$( ".listItem" ).click(function() 
{
   $('Input', $(this)).prop('checked', true); 
}

假设里面只有一个输入标记;）

谢谢大家：）

通过单击父DIV更改简单的“已检查”属性

1 个答案: