在jQuery中的前一个元素之前选择输入元素

Question

我有下面的HTML代码

{% for state in us_states %}
    <input id="{{state.0}}" type="checkbox" name="{{state.0}}" class="value_check"/>
    <span style="padding-left:20px;padding-right:20px;">{{state.1}}</span>
    <input id="id_{{state.1}}" type="text" name="{{state.0}}" class="input-block-level-b iph_lvl_b span2 must_be_float" placeholder="0.0">
{% endfor %}

因此，我正在尝试的是，当用户在上面的文本输入字段中选择某个值时，并且如果未选中该复选框，那么我应该向他发出"Please select the checkbox"的警报。 所以我想编写一个jquery onfocusout function ，并想查找是否已选中该复选框

注意

我想找到查找先前元素及其值的方法，因为正如您在我的代码中看到的那样，我是从for循环动态生成它们的，所以通常希望查找先前的先前checkbox元素并检查其是否选中是否，如果没有，则显示警报

$(document).ready(function(){
      $('.value_check').focusout(function() {
            console.log(this.id); 
            var prev = $('.value_check').prev()
            console.log(prev.attr(id)); 
      });        
   });

Answer 1

聚焦功能称为blur ，您应该在实际的文本字段而不是复选框上使用blur ，因此类似：

$("input[id^=id_]").blur(function() {
    var checked = $(this).siblings(".value_check").prop("checked");
    if (!checked)
        alert("Didnt check zeh box!");
});

$(".value_check").change(function() {
    if (!this.checked) 
        alert("You must check the box to continue");
});