Question

我想点击一个复选框，然后复选框将被检查，如果我再次点击不会取消选中，如果我按一个按钮并单击该复选框可以取消选中的按钮

＆＃13;

<HTML>
<HEAD>
<SCRIPT>
function readOnlyCheckBox() {
   return false;
}
</SCRIPT>
<BODY>
<input type="checkbox" id="cbx1"
  ` onClick="return readOnlyCheckBox()" CHECKED /> readonly
<br/>
<input type="checkbox" id="cbx2"
    CHECKED DISABLED/> disabled
</BODY>
</HTML>

＆＃13;

此代码不符合我的回答强文

Answer 1

您可以拥有2个功能，例如

＆＃13;

function readOnlyCheckBox(el) {
  return el.checked;
}

function uncheck() {
  document.getElementById('cbx1').checked = false;
}

＆＃13;

<input type="checkbox" id="cbx1" onClick="return readOnlyCheckBox(this)" CHECKED />readonly

<br/>
<button onclick="uncheck()">Uncheck</button>

＆＃13;

Answer 2

只需通过Jquery attr（）和removeAttr（）函数执行此操作。

Html

<input type="checkbox" id="test">
<button class="btn">Uncheck</button>

Jquery的

//for check
$("input").on("click", function() {
  $(this).prop('checked', true).attr("readonly")
});

//for uncheck
$(".btn").on("click", function() {
  $('input').prop('checked', false).removeAttr("readonly")
});

这里是fiddle

如何在javascript中使复选框只读？

2 个答案: