javascript 网页启动时无需点击按钮就运行代码
大家讲道理
大家讲道理 2017-04-10 18:09:13
[JavaScript讨论组]

我想实现如截图效果。 网页运行的时候,默认第一radio 按钮已选。 价格和总和同步更新。 加减按钮和求和都测试过没有问题,只差右图效果。 求大神指点。









    

    
    

$10
$20
$30

price$

quantity

Total

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
PHP中文网

改成这样

var price = document.getElementById('it');
var count = 1;
var total = 0;
var countEl = document.getElementById('count');
var countEl1 = document.getElementById('total');

$(document).ready(function() {
    $('#it').val($('input[checked]').val());
    $('#total').val($('input[checked]').val());

    $('input[type=radio]').click(function() {
        $('#it').val(this.value);
        $('#total').val($('#it').val()* count);
    });
});
黄舟
$(function(){
    $('#it,#count').change(function(){
        $('#total').val((+$('#it').val() || 0) * (+$('#count').val() || 0));
    });
     $("input[type=radio]").click(function(){
        $("#it").val($(this).val()).change();
    });
    $('input[type=radio]:first').click();
})

没测,你试试。

ringa_lee

先说一下,jq和原生的这种混写真是别扭
$(document).ready(function(){

    *$("#it").val($('input[type=radio]:checked').val());*
    $("input[type=radio]").click(function(){
        $("#it").val($(this).val());
    });
    var price = document.getElementById('it');
    var count = 1;
    var total =0;
    var countEl = document.getElementById("count");
    var countEl1 = document.getElementById("total");
    *countEl1.value = count * price.value;*
    function plus(){
        count++;
        total=price.value*count;
        countEl.value = count;
        countEl1.value = total;
    }
    function minus(){
        if (count > 1) {
            count--;
            total=price.value*count;
            countEl.value = count;
            countEl1.value = total;
        }
    }
});
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号