问

javascript 网页启动时无需点击按钮就运行代码

mobiledu2502857153 发布于 2022-11-16 17:08

html

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









    

    
    
    

$10

$20

$30


price$



quantity





Total

3 个回答

先说一下，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;
        }
    }
});

2022-11-16 18:25 回答

手机用户2602900871

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

没测，你试试。

2022-11-16 18:25 回答

手机用户2502904705

改成这样

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);
    });
});

2022-11-16 18:25 回答

mobiledu2402851377

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签