小编bob*_*mes的帖子

我有一个代码,它在while循环中增加一个URL参数,直到$i等于10.当发生这种情况时,它会显示最多10个数字(因为这是$i停止增加时) - 在这种情况下它将是1,2,3 ,4,5,6,7,8,9.

这个问题是只有当$i它等于10才会显示1,2,3,4,5,6,7,8,9 - 我需要它来显示数字(而不是等待$i相等) 10!).

<div id="here"></div>

<script>
$(document).ready(function(){
        $.ajax({
            type: "POST",
            url: "test2.php",
            success: function(data) { $("#here").html(data);  }
        });
});
</script>

test2.php:

while($content = file_get_contents('https://www.example.com?id='.$i)) {
   if($i !== 10) {
      echo $i;
   }else{
      break;
   }
   $i++;
}

我正在尝试通过单击 来选中复选框li。问题是，只有当有人单击 时才会选中该复选框label，而不是完整的li（这是因为 的宽度li比label!

<ul>
  <li><input id="a1" type="checkbox"><label for="a1">1</label></li>
  <li><input id="a2" type="checkbox"><label for="a2">2</label></li>
  <li><input id="a3" type="checkbox"><label for="a3">3</label></li>
</ul>

我尝试使用下面的 Javascript 来解决这个问题，但是它仍然只在label单击时检查复选框。

$("li").click(function(e) {
  var checked = !$(this).children("input").first().prop("checked");
  $(this).children("input").first().prop("checked", checked);
  $(this).toggleClass("selected", checked);
});

注意：如果可能的话，我想避免使用 Javascript 和 Jquery。

我有一个脚本时检查复选框span的li点击.我的问题是,宽度li比长span,因此,部分li不检查复选框.

$('ul.myclass li span').click( function() {
    var $cb = $(this).parent().find(":checkbox");
    if (!$cb.prop("checked")) {
        $cb.prop("checked", true);
    } else {
        $cb.prop("checked", false);
    }
});

.myclass li span {
  margin-left: 5px;   
}

li {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="myclass">
    <li><input type="checkbox"><span>some text</span></li>
    <li><input type="checkbox"><span>some text</span></li>
    <li><input type="checkbox"><span>some text</span></li>
</ul>

JsFiddle:http://jsfiddle.net/7w82S/89/