如何更改下一个输入的值?

时间:2013-10-03 07:34:48

标签: php jquery arrays checkbox

我怎么能一对一改变下一个输入的值?

此代码执行全部检查或取消全部检查,但我想检查或取消选中一对一,

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>

3 个答案:

答案 0 :(得分:1)

尝试

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

答案 1 :(得分:0)

使用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);
    }); 
});

答案 2 :(得分:0)

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

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");
            }
        });
    });
});