jQuery表单中的计算

jQuery表单中的计算,jquery,html,Jquery,Html,我正试着做一个简单计算的表格来计算自行车的车架尺寸 计算公式为:长度*0.68=框架尺寸。但是,如果选择鞍座销选项,则应扣除4(计算的机架尺寸) 这就是我到目前为止所做的: $("select[name='length']").change(function(){ var $l = $('length[name='length']'); if($l.length >140){ var m = parseInt($l.val(), 10) $(

我正试着做一个简单计算的表格来计算自行车的车架尺寸

计算公式为:长度*0.68=框架尺寸。但是,如果选择鞍座销选项,则应扣除4(计算的机架尺寸)

这就是我到目前为止所做的:

$("select[name='length']").change(function(){
    var $l = $('length[name='length']');
    if($l.length >140){
        var m = parseInt($l.val(), 10)
        $("#result").val(l*0.68);
    } else {
        $("p").text("Hello world!");
    }     
});


扎代尔彭

小提琴在这里:

正如你所看到的,这并没有给我任何结果。我是jQuery新手,并尝试按照我能找到的关于这个主题的教程进行学习。我想我需要一个按钮来“开始”计算?如果选择了鞍销选项,我如何在最后扣除


还有一个最小长度是140,所以如果有人输入了一个小于140的值,我会尝试回显一些内容。

您的html和javascript拼写错误和无效语法。试试这个:

$('document').ready(函数(){
$('input[name=“length”]”)。在('change',function()上{
var lengVal=$(this.val();
var m=parseFloat(lengVal)*0.68;
$(“#result”).val(lengVal>140?m:“你好,世界!”);
});
});

扎代尔彭

onchange事件似乎有点歪斜

$().ready(function () {
    //PAGE READY FUNCTION - THE PLACE TO BIND EVENTS
    $("input[name='length']").on('change, keyup', function () {
        var length = $(this).val();
        if($l.length >140)
        {
            var m = parseFloat(length);
            var value = m * 0.68;
            $('p').html("NORMAL");
            if($('#radio_button').is(':checked'))
            {
                value = value - 4;
                $('p').html("ZANDELPEN");
            }
            $("#result").val(l*0.68);
        } 
        else     
        {
            $("p").text("Too Short!");
        }
        });

});
编辑 看来太晚了。但是单选按钮代码是为你准备的

祝你好运这是你的解决办法

$('document').ready(function(){
    $('[name="length"]').on('change', function(){
        var l = $(this).val();
        if(l > 140){
            $("#result").val(parseInt(l) * 0.68);
        }
        else{
            $("p").text("Hello world!");
        }
    });
});
$('cacl'u btn')。在('click',function()上{
$(“p”)。文本(“”);
var$l=$('input[name=“length”]).val();
如果($l>=140){
var m=$l*0.68;
var扣除额=$('input[name=“type”]”)。道具('checked')?4:0;
$(“#结果”).val(数学四舍五入(m*100)/100扣减);
}否则{

$(“p”).text(“长度不能是问题是
$”('length[name='length']);
使用选择器(长度不是元素)和引号“
。并检查控制台是否出错谢谢,我将评估出错的原因。但是,我不明白最后一条规则,14?m做什么?我试图在框中显示计算结果,而不是“hello world”。html输出用于当有人输入小于140的任何内容时。@Kelly这是一个简写的If语句。当如果engVal>140为真,则它将拾取“:”左侧的表达式:“,否则它将把表达式带到分号的右边。所以它会按照你的要求来做,当输入是啊,我现在明白了!非常感谢。很高兴帮助你。无论如何,如果你认为这对你有帮助,请标记为答案。这样其他人也可以使用它。并且,也为我指出:P
$('document').ready(function(){
    $('[name="length"]').on('change', function(){
        var l = $(this).val();
        if(l > 140){
            $("#result").val(parseInt(l) * 0.68);
        }
        else{
            $("p").text("Hello world!");
        }
    });
});