Question

我有struts表单，其中stuts textfield和普通html输入标签这里cssClass属性里面stuts textfield工作但类选择器不工作正常的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

删除循环，将html()更改为val()以设置文本输入的值

$(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

做了一些改变，

jsfiddle

使用.val()代替.html()

输入

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

也计算百分比

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

Answer 4

.each()中的

jquery用于逐个检查特定元素。

$(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)
}

类选择器在struts表单中不起作用

4 个答案: