확인란을 사용하여 입력 필드의 잠금을 해제 할 수 있습니까? [닫은]

질문

Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.

---

이 질문을 개선하고 싶으십니까? Stack Overflow의 주제 가되도록 질문을 업데이트하세요.

6 일 전에 마감되었습니다.

Improve this question

헤더에 확인란이있는이 부트스트랩 패널을 사용하고 있습니다.

확인란이 선택되지 않은 경우 입력 필드를 잠금 해제 / 비활성화하고 선택된 확인란을 선택하면 입력 필드를 잠금 / 활성화하고 싶습니다.

이것은 HTML입니다.

<div class="panel panel-success">
<div class="panel-heading">
    <input type="hidden" id="invid" name="invid" value="4950">Month 1  
    <div class="panel-title pull-right"> <input type="checkbox" onclick="onClickHandler()" name="lock[]" value="13288" checked=""><input type="hidden" name="tmplock[]" value="0"> Lock</div>
    </div>
<div class="panel-body">
    <div class="form-group row"><label class="col-sm-2 col-form-label">Date</label>
    <div class="col-sm-7"><input type="text" class="monthpicker form-control hasDatepicker" id="inputMonth[]" name="inputMonth[]" value="31/03/2020" readonly=""></div>
    </div>
    <div class="form-group  row"><label class="col-sm-2 col-form-label">Name</label>
    <div class="col-sm-7"><input type="text" class="form-control" id="inputname" name="inputname[]" value="xxxxxx" readonly=""></div>
    </div>
    <div class="form-group  row"><label class="col-sm-2 col-form-label">Address</label>
    <div class="col-sm-7"><input type="text" class="form-control" id="inputaddr" name="inputaddr[]" value="xxxxx" readonly=""></div>
    </div>
    <div class="form-group  row"><label class="col-sm-2 col-form-label">Gross</label>
    <div class="col-sm-7"><div name="grossp[]">1000</div></div></div>
</div>

나는 다음과 같은 것을 시도하고 있습니다.

function onClickHandler(){
var parent =  $(this).closest('inputname').find();
console.log(parent);
 $(parent).prop("readonly", false);

}

어떤 제안?

답변1

당신은 아주 기본적인 방법이 있습니다

<input type="checkbox" id="yourBox">
<input type="text" id="yourText">
<script>
document.getElementById('yourBox').onchange = function() {
    document.getElementById('yourText').disabled = this.checked;
};
</script>

모든 확인란에는 현재 상태를 나타내는 checked 속성이 있습니다. 입력 상자는 disabled 속성으로 비활성화 할 수 있습니다. true
이 두 속성을 결합하면 당신의 일을 얻을 수 있습니다.

 

 

 

 

출처 : https://stackoverflow.com/questions/63246380/is-it-possible-to-use-a-checkbox-to-unlock-input-fields