如何在@Html.RadioButtonFor 上添加 onclick 事件？

Question

My radio button basically has a model value.

How can I add an click-eventhandler on @Html.RadioButtonFor ?

@Html.RadioButtonFor(
  model => model.AnswerResponse, 
  true, 
  new { id = "Yes"}, 
  new { onclick = "alert('hi')" 
})

@Html.RadioButtonFor does not contain four arguments.

Answer 1

if your button is the only one and has a class(or an id by switch. to #), you can do:

const buttonThatIWantToCall = document.querySelector('.MyElementClass')

This calls the element in a variable. Then, you can verify whenever the element in this variable is called with:

buttonThatIWantToCall.addEventListener('click', Function);

then, just do whatever you want to do in the function.

Answer 2

You can pass the onClick handler using the onclick html attribute

@Html.RadioButtonFor(
  model => model.AnswerResponse, 
  true, 
  new { @tabIndex = 1, @id = "Yes", @onclick="alert('hi')" }
)