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

Question

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

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

我想在更改 radio 选择时再次调用该值。

<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