Question

我有这些输入：

<input type='radio' id='1' name='s' onclick='pieces(this.value);'  value='6'>6
<input type='radio' id='2' name='s' onclick='pieces(this.value);'  value='12'>12
<input type='radio' id='3' name='s' onclick='pieces(this.value);'  value='24'>24
<input type='radio' id='11' name='v' onclick='pieces(this.value);'  value='yes'>Yes
<input type='radio' id='12' name='v' onclick='pieces(this.value);'  value='no'>No

我希望将“name ='s'”中的值传递给var1，并在单击单选按钮时将值从“name ='v'”传递到var2到函数pieces(var1, var2)。

Answer 1

您可以使用document.getElementsByName()方法在Javascript方法本身中获取两个无线电输入的值，或者这也应该有效，
尝试使用func(document.getElementsByName('s'),document.getElementsByName('v'))

下面的代码应该有帮助，

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="js1/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
    alert('Ok');
    $('#btn').click(function(){
        var r1=$('input:radio[name=s]').val();
        var r2=$('input:radio[name=v]').val();
        show(r1,r2);
    });
});

function show(r1,r2){
    alert(r1);
    alert(r2);
}
</script>
</head>
<body>
<input type='radio' id='1' name='s' onclick='pieces(this.value);'  value='6'>6
<input type='radio' id='2' name='s' onclick='pieces(this.value);'  value='12'>12
<input type='radio' id='3' name='s' onclick='pieces(this.value);'  value='24'>24


<input type='radio' id='11' name='v' onclick='pieces(this.value);'  value='yes'>Yes
<input type='radio' id='12' name='v' onclick='pieces(this.value);'  value='no'>No

<button id="btn">Submit</button>
</body>
</html>

Answer 2

您可以通过以下不同方式传递参数：

function antguider(name, url){
    alert("Name = "+name+" URL = "+url);
}

HTML部分

<input type="button" onclick=antguider('AntGuider','http://antguider.blogspot.com') value="Click Without Quotation" />
<input type="button" onclick="antguider('AntGuider','http://antguider.blogspot.com')" value="Click With Quotation" />
<input type="button" onclick="antguider(12345,'http://antguider.blogspot.com')" value="No Quotation Needed For Button" />

Answer 3

对于2个输入，可以使用JQuery轻松完成。

va1=$("input[name=s]").val();
va2=$("input[name=v]").val();

然后调用所需的函数，将值作为参数传递。

func(va1,va2);

如何将两个或多个参数从HTML输入传递给Javascript函数

3 个答案: