флажок отмечен JavaScript

Question

Я пытаюсь установить значение в текстовом поле в зависимости от того, установлен флажок или нет Функция прикреплена к клику флажка Эта простая вещь не работает: (

<div>
MyCheckbox
<input type="checkbox" id="Check1" name="FirstCkName" 
 onclick="testCheckbox(Check1,TextBx1)" />
 </div><br>

 <div>
  CheckBx Text Box
  <input id="TextBx1" name="CheckBxName"  type="text"  /> 
  </div><br>

<script>
function testCheckbox(oCheckbox,oTxtbox)
{

if (oCheckbox.checked == true)
{
    document.getElementById("oTxtbox").value=1;
}
else
{
    document.getElementById("oTxtbox").value="";
}
}
</script>

Ссылка на JSfiddle https://jsfiddle.net/JS_learner/2750639m/30/

Answer 1

Проблема в этой строке:

onclick="testCheckbox(Check1,TextBx1)"

Здесь вы изобретаете свои собственные параметры. Это не сработает. Событие 'click' является предопределенным Mousevent, что даст аргумент 'event'.

event.target будет элементом, на который вы нажали.

Вот как вы должны определить этот обработчик событий:

onclick="testCheckbox"

Теперь вы можете написать свой скрипт так:

функция testCheckbox (событие) { if (event.target.checked == true) { . Document.getElementById ( "oTxtbox") значение = 1; } еще { document.getElementById ( "oTxtbox") значение = ""; } }

Answer 2

Сделай что-нибудь подобное.

var checkBox = document.getElementById("Check1");
checkBox.addEventListener("click", function(e) {
  if (e.target.checked) {
    document.getElementById("TextBx1").value = 1;
  } else {
    document.getElementById("TextBx1").value = "";
  }
});

	<div>
		MyCheckbox
		<input type="checkbox" id="Check1" name="FirstCkName"  />
	</div><br>
	
	<div>
	CheckBx Text Box
		<input id="TextBx1" name="CheckBxName"  type="text"  /> 
	</div>