how to make checkbox readonly in javascript?

Question

i want to click a checkbox then the checkbox will be checked if i click again that will not be unchecked and if i take a button and click the button that checkbox can be unchecked

<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>

this code does not satisfy my answerstrong text

Ismail Farooq · Accepted Answer · 2016-03-29 05:30:47Z

1

Just do this by Jquery attr() and removeAttr() functions.

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")
});

here is fiddle

edited Mar 29, 2016 at 5:30

answered Mar 29, 2016 at 5:22

Ismail Farooq

6,9372 gold badges32 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ismail Farooq Over a year ago

vote up or tick to my answer it would be appreciate

Arun P Johny · Accepted Answer · 2016-03-29 03:56:41Z

0

You can have 2 functions like

function readOnlyCheckBox(el) {
  return el.checked;
}

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

<input type="checkbox" id="cbx1" onClick="return readOnlyCheckBox(this)" CHECKED />readonly

<br/>
<button onclick="uncheck()">Uncheck</button>

answered Mar 29, 2016 at 3:56

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

how to make checkbox readonly in javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related