0

jQuery 库未正确导入，单击按钮时表单未在 BAC 字段中显示答案。从这一点来看，答案应该是比较简单的。请检查 BAC 字段的显示代码。

    <html>
    <head>
    <meta charset="utf-8" />
    <title>bac2</title>
    </head>
    <body>
    <p></p>
        <form action="" id="bacForm">
        <input type="radio" name="gender" value="male" /> Male<br /><br>
        <input type="radio" name="gender" value="female" /> Female<br><br>
        Weight <input type="text" name="weight" id="weight"/><br><br>
        Hours  <input type="text" name="hours" id="hours" /><br><br>
        Drinks <input type="text" name="drinks" id="drinks"/><br><br>
        <INPUT TYPE="button" value="submit" name="submit"><br><br>
        BAC: <input type="text" name="bac" id="bac"/>

        </form>         

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>           
    <script type="text/javascript">
            $('#submit').click(function(){

        var gender = $('input[name=gender]:checked', '#bacForm').val();
        var weight = parseInt($('#weight').val()) || 0;
        var hours = parseInt($('#hours').val()) || 0;
        var drinks = parseInt($('#drinks').val()) || 0;
        var bac = 0;

        if (gender=="male"){
            bac = ((drinks * .06 * 100 * 1.055) / (weight * .68)) - (0.015 * hours);
        }else if(gender=="female"){
            bac = ((drinks * .06 * 100 * 1.055) / (weight * .55)) - (0.015 * hours);
        }
        $('#bac').val(bac);

    });


    </script>   






    </body>
    </html>
4

4 回答 4

1

我敢肯定你只是在学习 JS，但是你已经以一种非常不必要、令人费解和复杂的方式编写了所有这些代码。您可以大大简化该代码，请参见以下示例（注意我使用 jQuery 只是为了更容易获取值）

// get values
var bac = 0;
var gender = $('input[name="gender"]:checked').val();
var weight = $('#weight').val();
var hours = $('#hours').val();
var drinks = $('#drinks').val();

// calculate bac
if ( gender == 'male' ) {
    bac = ((drinks * .06 * 100 * 1.055) / (weight * .68)) - (0.015 * hours);
}
else {
    bac = ((drinks * .06 * 100 * 1.055) / (weight * .55)) - (0.015 * hours);
}

// round to 2 decimal places
bac = Math.round(bac * 100) / 100;

$('#bac').val(bac);

你可以在http://jsfiddle.net/dYhpC/上看到这个直播

于 2012-05-16T02:05:35.000 回答
1

你说你在寻找简单，所以我拼凑了一个快速的 jQuery fiddle，展示了一个更简单的方法。在这里查看：http: //jsfiddle.net/brianmat/rQLtE/

主要代码如下

$('#submit').click(function(){

    var gender = $('input[name=gender]:checked', '#bacForm').val();
    var weight = parseInt($('#weight').val()) || 0;
    var hours = parseInt($('#hours').val()) || 0;
    var drinks = parseInt($('#drinks').val()) || 0;
    var bac = 0;

    if (gender=="male"){
        bac = ((drinks * .06 * 100 * 1.055) / (weight * .68)) - (0.015 * hours);
    }else if(gender=="female"){
        bac = ((drinks * .06 * 100 * 1.055) / (weight * .55)) - (0.015 * hours);
    }
    $('#answer').val(bac);

});
于 2012-05-16T02:23:17.273 回答
1

回答您的问题：是的，确实可以使用单选按钮和文本框中的值来执行计算。

对于您的具体情况，您需要提出更具体的问题。尝试在您的代码中放置一些断点，看看它执行时会发生什么......当发布一个问题时，请告诉我们它在哪里做了与您的期望不同的事情。

于 2012-05-16T02:01:28.513 回答
0

这是成品： http ://bac.klinetel.com/ ；我必须说一个体面的大学工具。

于 2012-06-27T03:26:37.720 回答