jquery - 只读属性

Question

我正在尝试在此处添加只读属性。你能帮我这里的代码，如果选中该框，我的平均行将是只读的吗？

<input type="text" name="average[]" class="average" 
id="average_<?php echo $row['student_no']; ?>" value="<?php echo
$row['average_pts']; ?>"  >
<input type="checkbox" name="disable[<?php echo $row['student_no']; ?>]" id="disable"          value="1" class="disable" <?php if ($row['disable_comp']=='1') { echo "checked=\"checked\""; } ?>>

$(".disable").change(function() {
   var val = $(this).val();
   if ($(this).is(':checked')) {
      var checked = $('input[type=checkbox]').is(':checked');
      $("input").unbind('keyup', computeValues);

      var checked=$("#able").is(':checked');

   }else{
      $("input").bind('keyup', computeValues).trigger('keyup');
       $("#average").prop('readonly');
   }
});

Answer 1

假设条件正确，您只想使用 attr 函数：

$('#able').attr('readonly', true);

Answer 2

$("#average").attr("readonly", true); $("#average").prop("readonly", true);

尝试将它们都用作 attr 有时会设置但永远不会以功能的方式工作，所以我们需要同时使用它们......（在页面加载时认识到我们必须使用 attr。）请找到Attributes vs 。 特性。

Answer 3

$(".disable").on('change', function() {
    if ( this.checked ) $("#able").prop('readonly', true);
});