如何更改下一个输入的值 - How to one change the value of the next input?

How to one change the value of the next input?

本文关键字：输入下一个何更改 | 更新日期: 2023-09-27

如何

一对一地更改下一个输入的值？

这段代码确实检查全部或全部取消检查，但我想一对一地检查或取消选中，

jQuery(document).ready(function() { 
    jQuery('#topluekle').click(function() {  
        if(jQuery(this).attr('checked')) { 
            jQuery('input:checkbox').attr('checked',true); 
            jQuery('input:text').attr('value','E'); 
        } else { 
            jQuery('input:checkbox').attr('checked',false); 
            jQuery('input:text').attr('value','H');    
        } 
    }); 
});

示例代码：

<form>
    <? for($i=1;$i<=5;$i++) { ?>
        <input type="checkbox" id="pgun[]" name="pgun[]">
        <input size="1" type="text" name="degerler[]" id="degerler[]" value="H">
        <br />
    <? } ?>
    <label class="checkbox">
        <input type="checkbox" value="E" name="topluekle" id="topluekle">
        Check / Uncheck All *
    </label>
</form>

尝试

jQuery(function ($) {
    $('#topluekle').click(function () {
        $('input[name="pgun[]"]').prop('checked', this.checked);
        $('input[name="degerler[]"]').val(this.checked ? 'E' : 'H');
    });
});

使用 val（）像，

jQuery('input:text').val('H');

并使用 prop（）代替 attr（）

jQuery(document).ready(function() { 
    jQuery('#topluekle').click(function() {  
        if(jQuery(this).prop('checked')) { 
            jQuery('input:checkbox').prop('checked',true); 
            jQuery('input:text').val('E'); 
        } else { 
            jQuery('input:checkbox').prop('checked',false); 
            jQuery('input:text').val('H');    
        } 
    }); 
});

如果要更改每个复选框单击的值，则可以尝试，

jQuery(document).ready(function() { 
    jQuery('input[name="pgun[]"]').click(function() {  
        var newVal=$(this).next('input:text').val()=='E' ? 'H' : 'E';
        $(this).next('input:text').val(newVal);
    }); 
});

它将更改相应文本框的复选框值

jQuery(document).ready(function() { 
    var txtObj = $('input:text');
    jQuery('input:checkbox').each(function(i){
        jQuery(this).click(function(){
            if(jQuery(this).attr('checked')) {
                $(txtObj[i]).val("E");
            } else {
                $(txtObj[i]).val("H");
            }
        });
    });
});