javascript - HTML 如何在单选按钮按下时传递两个变量？

Question

如何在按下按钮时传递两个变量？这可能看起来很基本，但我完全被困住了!

我正在创建一个表，其左侧有一个单选按钮，当您按下它时，我想检索两个值。我目前正在检索一个值，但缺少另一个值。

目前，我正在将一个值传递给我的 onRadioButtonPress 函数，如下所示:

 html += "<tr><td><center><br>
          <input type='radio' 
             onclick='onRadioButtonPress(this.value)' 
             name='siteChosen' 
             value='"+siteIDArray[i]+"'>
           <center></td>";

我这样调用该函数:

//function for on radio button press
   function onRadioButtonPress(val){

      //blah blah blah
 }

这很好用，但是我如何添加第二个值

usagePlanArray[i]

到我的 on onClick 函数？我如何更改我的输入？

先谢谢你了!!! :) 如果您有任何疑问，或者我错过了一些可以帮助您的内容，请告诉我!

---

解决了!

请参阅@mplungjan 的标记答案。我使用了他的替代方法，该方法对 jQuery 很有用。

Answer 1

value='"+siteIDArray[i]+"|"+usagePlanArray[i]+"'>

但是您还需要从 HTML 中删除换行符

然后在函数中就可以使用

var vals=val.split("|");
var siteID=vals[0], usagePlan=vars[1];

替代方案 - 在 jQUery 中特别有用:

html += "<tr><td><center><br><input type='radio'"+
        " onclick='onRadioButtonPress(this)' name='siteChosen'"+
        " data-siteid='"+siteIDArray[i]+"'"+
        " data-usageplan='"+usagePlanArray[i]+"'><center></td>";

和

function onRadioButtonPress(rad) {
  var siteID=rad.getAttribute("data-siteid"),
      usageplan=rad.getAttribute("data-usageplan"),
}