ajax在输入等于null时进行检查

ajax checked when input equal null

本文关键字:null 进行检查 输入 ajax      更新时间:2023-09-26

我有一个项目列表和可用属性check="checked"。我想检查name="name_emp[]"是否具有等于null的值,然后删除此行的属性check="checked"。如何做到这一点。谁能帮我?感谢

代码如下:`

<form id="myform" method="post">
    <div>
            <input name="name_emp[]" class="a" value=""/>
            <input name="age[]" class="a" value=""/>
            <input name="address_emp[]" class="a" value=""/>
            <input name="order_emp[]" class="a" value=""/>
                <input name="check_save" class="ab" type="checkbox" value="" checked="checked" onclick="return false;">
    </div>
        <div>
            <input name="name_emp[]" class="a" value=""/>
                <input name="age[]" class="a" value=""/>
                <input name="address_emp[]" class="a" value=""/>
                <input name="order_emp[]" class="a nhay" value=""/>
                <input name="check_save" class="ab" type="checkbox" value="" checked="checked" onclick="return false;"/>
        </div>
    <div>
        <input name="name_emp[]" class="a" value=""/>
        <input name="age[]" class="a" value=""/>
        <input name="address_emp[]" class="a" value=""/>
        <input name="order_emp[]" class="a" value=""/>
        <input name="check_save" class="ab" type="checkbox" value="" checked="checked" onclick="return false;">
    </div>
    <div>
        <input name="name_emp[]" class="a" value=""/>
        <input name="age[]" class="a" value=""/>
        <input name="address_emp[]" class="a" value=""/>
        <input name="order_emp[]" class="a nhay" value=""/>
        <input name="check_save" class="ab" type="checkbox" value="" checked="checked" onclick="return false;"/>
    </div>

</form>

Javascript:

 var myForm = document.forms.myform;
    var myControls = $(myForm).find('input[name="name_emp[]"]').filter(function () {
        if (!$.trim(this.value)) {
            $(this).siblings('.ab').prop('checked', false)
        } else {
            $(this).siblings('.ab').prop('checked', true)
        }
    });

根据您希望何时实现,实现可能会有所不同。如果您只想检查初始化,那么您现在所拥有的应该可以工作。如果你想在某个活动中这样做,那么你需要将其与该活动联系起来。

https://jsfiddle.net/uercns7u/5/

var myForm = document.forms.myform;
checkboxStatusUpdate(); // check status on init
$('#validate').on('click', checkboxStatusUpdate); // check status on button click
$('input[name="name_emp[]"]').on('change', checkboxStatusUpdate); // check status on input change
function checkboxStatusUpdate () {
      $(myForm).find('input[name="name_emp[]"]').map(function() {
      if (!$.trim(this.value)) {
        $(this).siblings('.ab').prop('checked', false)
      } else {
        $(this).siblings('.ab').prop('checked', true)
      }
  });
}

https://jsfiddle.net/uercns7u/6/显示了为检查而添加的附加输入