Question

在单个FORM中单击输入文本时，我尝试更改单选按钮以进行检查这是我的表格：

<input type="radio" name="sel_limit" id="sel_limit_1" value="1" <?php if($limit_days) echo 'checked'?>> <?php echo MOD_CO_DAYS; ?> <input type="text" class="inputbox" name="limit_1" id="limit_1" value="<?php echo $limit_days; ?>" size="5"/>&nbsp;
<input type="radio" name="sel_limit" id="sel_limit_2" value="2" <?php if($limit_weeks) echo 'checked'?>> <?php echo MOD_CO_WEEKS; ?> <input type="text" class="inputbox" name="limit_2" id="limit_2" value="<?php echo $limit_weeks; ?>" size="5"/>

这里是js代码：

$('#limit_1').click(function(){
    $('#limit_2').val('0');
    $('#sel_limit_1').attr('checked', true);
});

$('#limit_2').click(function(){
    $('#limit_1').val('0');
    $('#sel_limit_2').attr('checked', true);
});

我尝试使用attr和prop有或没有，没有任何反应这是行不通的，因为是一种形式？我使用的是jquery 1.8.3

Answer 1

使用新的.prop（）函数：

  $('#sel_limit_2').prop('checked', true);

jQuery 1.5及以下

.prop（）函数不可用，因此您需要使用.attr（）。

  $('.myCheckbox').attr('checked','checked');

Answer 2

attr使用已检查

所有DOWNVOTER都会看到这个演示并看到它的作品 DEMO

$(document).ready(function(){
$('#limit_1').click(function(){
     $("input[type='text'").val('');
     $("input[type='radio'").removeAttr("checked"); 
    $('#limit_2').val('0');
    $('#sel_limit_1').attr('checked', 'checked');
});

$('#limit_2').click(function(){
   $("input[type='text'").val('');
   $("input[type='radio'").removeAttr("checked");      
   $('#limit_1').val('0');
    $('#sel_limit_2').attr('checked', 'checked');
 });
});

prop使用true

$(document).ready(function(){
$('#limit_1').click(function(){
      $("input[type='text'").val('');
      $("input[type='radio'").prop("checked",false);     
      $('#limit_2').val('0');
      $('#sel_limit_1').prop('checked', true);
});

$('#limit_2').click(function(){
      $("input[type='text'").val('');
      $("input[type='radio'").prop("checked",false);        
      $('#limit_1').val('0');
      $('#sel_limit_2').prop('checked', true);
});
});

检查单击输入文本（窗体）上的单选按钮

2 个答案: