Javascript 按类名计算输入字段

Javascript 按类名计算输入字段,javascript,calculator,Javascript,Calculator,这是我的表格: <INPUT TYPE=TEXT NAME="input1" SIZE=10> <INPUT TYPE=TEXT NAME="input2" SIZE=10> <INPUT TYPE="button" VALUE="+" name="add" onclick="CalculateIMSUB(this.form)"> <INPUT TYPE=TEXT NAME="Answer" SIZE=12> 我的问题是: 我希望我的函数通过cl

这是我的表格:

<INPUT TYPE=TEXT NAME="input1" SIZE=10>
<INPUT TYPE=TEXT NAME="input2" SIZE=10>
<INPUT TYPE="button" VALUE="+" name="add"
onclick="CalculateIMSUB(this.form)">
<INPUT TYPE=TEXT NAME="Answer" SIZE=12>
我的问题是: 我希望我的函数通过classname进行操作。所以,如果我的表格是这样的:

<INPUT TYPE=TEXT classNAME="input1" name="baboon" SIZE=10>
<INPUT TYPE=TEXT classNAME="input2" name="gorilla" SIZE=10>
<INPUT TYPE="button" VALUE="+" name="add"
onclick="CalculateIMSUB(this.form)">
<INPUT TYPE=TEXT NAME="Answer" SIZE=12>

计算器功能仍然可以工作。
非常感谢

使用id代替类,您可以使用document.getElementById('id')引用它们。我认为有一个document.getElementByClass,但并非所有浏览器都完全支持它

您可以使用以下方法检索元素:

function CalculateIMSUB(form) {
var Atext = form.getElementById('input1').value;
var Btext = form.getElementById('input2').value;
var val = form.val.value;
var A = eval(Atext);
var B = eval(Btext);    
var answer = A - B;
form.Answer.value = answer;
}
对于以下HTML:

<INPUT TYPE=TEXT id="input1" name="baboon" SIZE=10>
<INPUT TYPE=TEXT id="input2" name="gorilla" SIZE=10>
<INPUT TYPE="button" VALUE="+" name="add"
onclick="CalculateIMSUB(this.form)">
<INPUT TYPE=TEXT NAME="Answer" SIZE=12>

函数getElementsByClassName(oElm、strTagName、strClassName){
变量欠款=(strTagName=“*”&&oElm.all)?oElm.all:
oElm.getElementsByTagName(strTagName);
var arrrurnelements=新数组();
strClassName=strClassName.replace(/\-/g,“\\-”);
var oRegExp=new RegExp(“(^ | \\s)”+strcassname+”(\\s |$)”;
变异元素;
对于(var i=0;i
别担心,克林特,这里的每个人都是好人。这就是我们互相帮助的原因
<INPUT TYPE=TEXT id="input1" name="baboon" SIZE=10>
<INPUT TYPE=TEXT id="input2" name="gorilla" SIZE=10>
<INPUT TYPE="button" VALUE="+" name="add"
onclick="CalculateIMSUB(this.form)">
<INPUT TYPE=TEXT NAME="Answer" SIZE=12>
function getElementsByClassName(oElm, strTagName, strClassName){
    var arrElements = (strTagName == "*" && oElm.all)? oElm.all :
        oElm.getElementsByTagName(strTagName);
    var arrReturnElements = new Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i < arrElements.length; i++){
        oElement = arrElements[i];
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }
    }
    return (arrReturnElements)
}