Question

我有一个在运行时填充一些值的数据网格。前两列用于单选按钮，第一列包含“是”，第二列包含“否”。数据网格中有n行。如果选择了“是”，则将出现一个文本框。我该如何实现？

我尝试使用

$(".class").each(function () {
    if ($(this).checked) {
        textbox.visible = true;
    }
});

但是$(this).checked返回false

Answer 1

您可以尝试使用prop，它会根据是否经过检查的天气返回true / false。

$(".class").each(function() {
   if( $(this).prop('checked') ) 
   {  
      textbox.visible = true; 
   }
});

Answer 2

下面的代码段将回答您的问题

$('.class').click(function(){

$(".class").each(function()
{
  if($(this).is(':checked') && $(this).val()=='yes' ) {  
      console.log($(this).prop('name') + ' checked'); 
    } 
 }); 
 
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table >
<tr>
  <td>Yes</td><td>No</td>
</tr>
<tr>
  <td><input name='question1' value='yes' type='radio' class='class'/></td><td><input name='question1' type='radio' class='class'/></td>
</tr>
<tr>
  <td><input name='question2'  value='yes' type='radio' class='class'/></td><td><input name='question2' type='radio' class='class'/></td>
</tr>
<tr>
  <td><input name='question3' value='yes'  type='radio' class='class'/></td><td><input name='question3' type='radio' class='class'/></td>
</tr>
</table>

如何检查是否选择了在数据网格内部动态创建的单选按钮？

2 个答案: