Question

如何选择＆＃34;容器＆＃34; div如果输入复选框在＆＃34; myCheck＆＃34;检查？
我正在使用jquery打印区域插件，所以基本上如果选中复选框，我需要选择容器div，所以代码应该看起来像$（＆＃34; .myCheck输入：checked＆gt; div＆＃34;）。printArea （）;

这是我的HTML：

我尝试使用alert( $(".myCheck input:checked > div").printArea()选择器，但它似乎不起作用：

alert( $(".myCheck input:checked").children()).printArea()

还试过这个：

{{1}}

Answer 1

您可以使用.next()

$('input').on('change', function(){
  console.log($(".myCheck input:checked").next().html());
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
  <div class = "myCheck"><input type="checkbox" />
    <div class = "container"> 
      <img src="//placehold.it/50" alt="My new Image">
    </div>
  </div>
</div>

Answer 2

使用jQuery，您可以将其用于选中的值：

$('.myCheck').prop('checked', true);

你可以使用回调函数来选择容器：

$('.myCheckbox').is(':checked', function(e){
  e.preventDefault(e);
  $('container').theMethodYouWantToUse
});

希望对你有帮助

Answer 3

运行下面的示例，选中并取消选中该组件，希望它有所帮助！

基本上，我使用简单的回调功能来查看复选框的点击次数，控制其状态，并在检查组件时选择内容。

＆＃13;

// Waiting for DOM load
$(document).ready(function() {

  // Callback for checkbox's click
  $(".myCheck > input[type='checkbox']").on("click", function() {

    // Setting the container variable as null
    var container = null;
    
    // Checking if the checkbox is "checked"
    if ($(this).is(":checked")) {

      // Selecting the container node object, so you can use it as you want
      var container = $(".container");
      
      // Console warnings
      console.info("Container selected, the checkbox must be checked!");
      console.log("Some test information from container: " + $(container).find('span').html());

    } else {

      // Console warnings
      console.info("Container not selected, the checkbox must be checked!"); 
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
    <div class="myCheck">
        <input type="checkbox" />
        <div class = "container"> 
            <span>Some example content..</span>
        </div>
    </div>
</div>

＆＃13;

选中div如果选中复选框

3 个答案: