jquery - 选中或取消选中单选按钮 jquery 提醒单选按钮的值

Question

我有一个单选按钮，当用户登录系统时它几乎被选中。我想要做的是当用户单击按钮时，它应该提醒它在哪里被选中或未选中。所以我写了下面的代码来获取它检查时的值。这是html

  <input id="radio1" name="radioContacted" value="contacted" type="radio" onclick='docheck02();'   />

这是 javascript

 var checkValue = $("#radio1").val();
alert(checkValue);

问题是当复选框选中或取消选中时，总是会联系这个警报。谁能解释为什么会这样。据我所知，只有在选中单选按钮时才应该回显值。请帮助解决这个问题。

Answer 1

试试这个来读取选定的单选按钮值：

function docheck02(){

var checkValue = $('input:radio[name=radioContacted]:checked').val();

alert("Radio Button Value "+checkValue);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <input id="radio1" name="radioContacted" value="contacted" type="radio" onclick='docheck02();'   />

Answer 2

首先，您必须检查是否检查了收音机，然后提醒其值。

尝试这个：

var radio = $("#radio1");

if(radio.prop('checked') === true){
    alert(radio.val());
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="radio1" name="radioContacted" value="contacted" type="radio" checked="checked">