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

Question

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

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

这是javascript

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

问题是，如果选中或取消选中此复选框，则始终会与警报联系。 任何人都可以解释这是为什么。据我所知，仅当选中单选按钮时，才应回显值。 请帮助解决此问题。

Answer 1

首先，您必须检查无线电是否已选中，然后提醒其值。

尝试这个：

 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"> 

Answer 2

尝试执行以下操作以读取选定的单选按钮值：

 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();' />