Javascript使用變量設置屬性

Question

我不確定這里的語法，但到目前為止我的代碼就是這個...（注意：我傳遞了三個文本框的id，形式為'#begmile'，'＃endmile'，'＃totmile'，我想將'totmile'復選框的值設置為endmile-bigmile）

function subtract(begmile, endmile, totmile){
y=$(begmile).attr('value');
z=$(endmile).attr('value');
y=z-y;
$(totmile).setAttr('value',???);

}

我不確定到目前為止我的語法是否正確，但假設它是（y被正確設置為endmile-begmile，如何使用setAttr將totmile的值設置為y的值？

Answer 1

這是正確的語法：

var href = 'http://cnn.com';

$(selector).attr('href', href);

Answer 2

你的最后一行沒有調用正確的方法：

$(totmile).setAttr('value',???);

應該：

$(totmile).attr('value',???);

例如

$(totmile).attr('value', y);//set the value to the variable "y"

你也可以打電話給.val(); 而是輕松獲取字段的值，或.val(newValue); 設置值。

另請注意，如果“y”和“z”的值實際上並不代表數字，那么您將得到一個奇怪的結果。

Answer 3

value屬性是指文本框的默認值，而不是當前文本框的默認值。 當前的一個存儲在value 屬性中 。

function subtract(begmile, endmile, totmile) {
    document.getElementById(totmile).value =
      document.getElementById(endmile).value - document.getElementById(begmile).value;
}

這也消除了對jQuery的需求，因為JavaScript Sledgehammer對於這項工作來說太過分了。 要確保它正常工作，只需在將ID傳遞給函數時刪除# 。