当jQuery中的键函数时,动态文本框值乘以乘法



在这里可用的多个文本框...我需要在jQuery中使用键功能时进行乘以乘坐速率,而不允许使用一天。我试图乘以两个值,并且输出将显示在另一个平等的文本框中。输出值未在那个平等的文本框中显示。

PHP代码

<?php
    $qry = mysql_query("SELECT * FROM vefm_ts_engr_details WHERE job_number='" . $jobno . "'", $dbcon);
    $norows = mysql_num_rows($qry);
    $i = 1;
    while ($srow = mysql_fetch_array($qry)) {
        $isql = mysql_query("SELECT * FROM vefm_engineer_details WHERE ecode='" . $srow['ecode_id'] . "'", $dbcon);
        $ires = mysql_fetch_array($isql);
        ?>
        <div class="row">
            <div class="form-group col-sm-2" align="right">
                <label>Day Rate of </label> 
                <label class="fonts" style="color:purple"><?php echo $ires['engr_name']; ?></label>
            </div>
            <div class="form-group col-sm-3" align="left">
                <input type="text" id="dayrate<?php echo $i ;?>" name="dayrate[]" class="form-control" value="">
                <input type="hidden" id="allowed_days<?php echo $i ;?>" name="allowed_days[]" class="form-control" value="<?php echo $srow['allowed_days'];?>">
                <span id="errmsg1" style="color:red;"></span>
            </div>
            <div class="form-group col-sm-2" align="left">
                <label class="fonts"><?php echo $srow['allowed_days']; ?></label> 
                <label> (NO of days allowed)</label>
            </div>
            <div class="form-group col-sm-3" align="left">
                <input type="text" id="amt<?php echo $i ;?>" name="amt" class="form-control" value="" >
            </div>
        </div>
        <?php
        $i++;
    }
?>

jQuery代码:

var rowCount = $('#totalrows').val();
var i;
alert(rowCount);
for (i = 1; i <= rowCount; i++) {            
    var allowday = $('#allowed_days' + i).val();
    // alert(allowday);                                                      
    $('#dayrate' + i).keypress(function(e) {
        // alert(allowday);
        var x = 1;
        if (x<=i) {
            $('#amt'+x).val((String.fromCharCode(e.which))*allowday); 
            x++;     
        }   
    });
}

这是输出屏幕

用:

包装jQuery代码
jQuery(document).ready(function($){
var rowCount = $('input[name="dayrate[]"]').length;
var i;
//alert(rowCount);
for (i = 1; i <= rowCount; i++) {            
    var allowday = $('#allowed_days' + i).val();
    // alert(allowday);                                                      
    $('#dayrate' + i).keypress(function(e) {
        // alert(allowday);
        var x = 1;
        if (x<=i) {
            $('#amt'+x).val((String.fromCharCode(e.which))*allowday); 
            x++;     
        }   
    });
}
});

还使用以下代码来计数输入总数为dayrate []

$('input[name="dayrate[]"]').length;

这可能对您有用。

最新更新