Question

我正在使用JQUery Mobile 1.3.1检查已禁用的单选按钮（即无法单击的单选按钮）。不幸的是，我的方法无法检查单选按钮是否已禁用单选按钮。我已经尝试在这里找到答案，但还没找到任何有用的东西。这是我的代码：

<a href="#" id="activateRadio" data-role="button">Activate radio button flug!</a>
<input type="radio" name="radio1" id="radio-choice-1" value="choice-1" disabled />

和JQuery移动功能：

$('#activateRadio').click(function(){         
      //check if radio button is  not checked

      if ( ! $("input[name='radio3']").is(':checked') ) {
        alert("The button was not checked. Now it should be checked!"); 
        //remove disabled attribute
        $("input[name='radio3']").removeAttr('disabled');
        $("input[name='radio3']").attr('checked', 'checked');
      }

      else {
        alert("The button is already checked!");
      }
});

另一个问题也是如何在检查无线电时更改输入字段无线电的背景颜色。这在CSS中看起来如何？

Answer 1

使用prop()更改属性..attr只是更改属性

  if ( ! $("input[name='radio3']").is(':checked') ) {
    alert("The button was not checked. Now it should be checked!"); 
    //remove disabled attribute
    $("input[name='radio3']").prop('disabled',false);
    $("input[name='radio3']").prop('checked', true);

    //or 
    $("input[name='radio3']").prop({'disabled':false',checked':true});

  }

  else {
    alert("The button is already checked!");
  }

并且不确定它是无线电3还是无线电1，因为我在这里找不到radio3

使用jquery检查已禁用的单选按钮

1 个答案: