【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", "");
    }
}