调用HTML元素的值作为另一个元素的onclick

Question

我有一个选择框，它会在更改时调用一个函数。

<select name ="selectBox" class="select_box" onchange="getVal(this)">   

我想在更改无线电选择时再次调用此值。

<input type="radio" name="orderBy" value="desc" class="radio_sort" onchange="getVal(this)"> Descending<br>
<input type="radio" name="orderBy" value="asc" class="radio_sort" onchange="getVal(this)"> Ascending<br>

这行不通。 我该如何实现？ 提前致谢。

Answer 1

而不是将this你可能也只是始终打印或做任何你需要在运行函数选择框做。 （在此示例中，我向其中添加了一个ID）。

除非您需要该功能根据内容执行不同的操作，否则在您的上下文中传递this是不必要的。

 function getVal() { var select = document.getElementById("selectBox"); console.log(select.value); } 

 <select id="selectBox" name ="selectBox" class="select_box" onchange="getVal()"> <option>yes</option> <option>no</option> </select> <input type="radio" name="test" onChange="getVal()"/> First <input type="radio" name="test" onChange="getVal()"/> Secon 

Answer 2

根据Hep中心 ，这是一个“最小”的问题……而且可能不是“完整”的。

但是尝试一下：

<input type="radio" name="orderBy" value="desc" class="radio_sort" onchange="getVal( $( '[name=\"selectbox\"]' )"> Descending<br>
<input type="radio" name="orderBy" value="asc" class="radio_sort" onchange="getVal $( '[name=\"selectbox\"]' )"> Ascending<br>

诀窍是提供正确的元素作为函数的参数。
;）