【JavaScript】JS写法随笔(三) JS联动设置元素默认值

本文主要是介绍【JavaScript】JS写法随笔(三) JS联动设置元素默认值，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

问题：

使用DOM获取元素后setAttribute("value", "1")在页面有修改此标签value的情况下，再次触发function发生不生效、无法修改value的情况。使用jQuery的$(selector).val()可以避免此类问题。

function interest_model_change() {
    var model = $("#interestModel").val();
    var installments = document.getElementById("installments");
    var daysDiv = document.getElementById("daysDiv");
    if (model == "daily") {
        //select联动onchange后修改installments默认值，此时使用jquery$(selector).val()方法更加安全
        $("#installments").val("1");
        $("#installments").attr("readonly", "true");
        daysDiv.removeAttribute("hidden");
    } else {
        $("#installments").val("12");
        installments.removeAttribute("readonly");
        daysDiv.setAttribute("hidden", "");
    }
}

这篇关于【JavaScript】JS写法随笔(三) JS联动设置元素默认值的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！