クラスは、ここでテキストフィールドと通常のHTML入力タグをstuts iは支柱が形成したフォーム

Question

ストラットのCssClass stuts内部属性が動作テキストフィールドが、クラスセレクタは、ループを削除通常のHTML入力タグを

<s:form id="Form" cssClass="form-horizontal" theme="css_xhtml" action="saveStudentMarks"> 

<div class="form-group"> 
<label class="col-xs-3 control-label">Class</label> 
<div class="col-xs-5"> 
<input type="text" class="form-control" name="className" id="studentclassInModal" readonly="readonly"/> 
</div> 

</div> 

<div class="form-group">      
<label class="col-xs-3 control-label">Phone</label>      
<div class="col-xs-3">     
<s:textfield name="parentDTO.parentMobileNumber" cssClass="form-control marks" maxlength="10"/> 
</div> 
</div> 
</s:form> 

Answer 1

が動作していません、テキスト入力の値を設定するval()にhtml()を変更

$(document).ready(function() { 
    $(".marks").on('input', function() { 
    calculateSum(); 
    }); 

}); 

function calculateSum() { 

    var sum = 0; 
    //iterate through each textboxes and add the values 
    $(".marks").each(function() { 
    //add only if the value is number 
    if (!isNaN(this.value) && this.value.length != 0) { 
     sum += parseFloat(this.value); 
    } 

    }); 
    //.toFixed() method will roundoff the final sum to 2 decimal places 
    $("#sum").val(sum.toFixed(2)); 
}; 

デモ：https://jsfiddle.net/4mwbudob/

Answer 2

は、このようにいくつかのことを試してみてください：

$('#sum').focus(function(){ // It works on when textbox having id sum get focus 
    //var marks = []; 
    $('.marks').each(function(){ 
     console.log($(this).val()); 
     // push the marks in marks array and add them and show where you want 
    }); 
}); 

Working Fiddle

Answer 3

は、いくつかの変更を行っている、代わりに.html()

$("#sum").val(sum.toFixed(2)); 

Calulateの入力のための

jsfiddle

使用 .val() Sのパーセンテージは、適切よう jqueryで

$("#per").val((sum/100).toFixed(2)); 

Answer 4

.each()は、特定の要素の一つ一つをチェックするために使用されます。

$(document).ready(function(){ 
     $(".marks").keyup(function(){ 
      calculateSum(); 
     }); 
}); 

function calculateSum() { 
    var sum = 0; 
    $(".marks").each(function() { 
     if(!isNaN(this.value) && this.value.length!=0) { 
      sum += parseFloat(this.value); 
     } 
    }); 
    console.log(sum) 
}