HTML에 다음 코드가 있습니다.
<div class="ft_ck_area" id="fromFirstHalf">
<div class="cb">
<input type="radio" class="css-checkbox" id="fromFirstHalfChk" name="fromChkValue" value="1"/>
<label for="fromFirstHalfChk" name="checkbox1_lbl" class="css-label">First Half</label>
</div>
</div>
<div class="ft_ck_area" id="fromSecondHalf">
<div class="cb">
<input type="radio" class="css-checkbox" id="fromSecondHalfChk" name="fromChkValue" value="2"/>
<label for="fromSecondHalfChk" name="checkbox1_lbl" class="css-label">Second Half</label>
</div>
</div>
<div class="ft_ck_area" id="fromFullDay">
<div class="cb">
<input type="radio" class="css-checkbox" id="fromFullDayChk" name="fromChkValue" value="0"/>
<label for="fromFullDayChk" name="checkbox1_lbl" class="css-label">Full Day</label>
</div>
</div>
<div class="ft_ck_area" id="toFirstHalf">
<div class="cb">
<input type="radio" class="css-checkbox" id="toFirstHalfChk" name="toChkValue" value="1"/>
<label for="toFirstHalfChk" name="checkbox1_lbl" class="css-label">First Half</label>
</div>
</div>
<div class="ft_ck_area" id="toSecondHalf">
<div class="cb">
<input type="radio" class="css-checkbox" id="toSecondHalfChk" name="toChkValue" value="2"/>
<label for="toSecondHalfChk" name="checkbox1_lbl" class="css-label">Second Half</label>
</div>
</div>
<div class="ft_ck_area" id="toFullDay">
<div class="cb">
<input type="radio" class="css-checkbox" id="toFullDayChk" name="toChkValue" value="0"/>
<label for="toFullDayChk" name="checkbox1_lbl" class="css-label">Full Day</label>
</div>
</div>
자바 스크립트에서 체크 속성이 체크 박스에서 제거 된 후 다음 코드를 수행하고 있는데 html로 표시되면 html로 추가되지만 체크 된 것으로 표시되지 않습니다.
if (dateDiff == 0) {
var fromCheckedId=$('input[name=fromChkValue]:checked').attr("id");
$("#"+fromCheckedId).removeAttr("checked");
console.log("1");
console.log("#"+fromCheckedId);
var toCheckedId=$('input[name=toChkValue]:checked').attr("id");
$("#"+toCheckedId).removeAttr("checked");
console.log("2");
console.log("#"+toCheckedId);
$("#fromFullDayChk").attr("checked","checked");
}
else
{
var fromCheckedId=$('input[name=fromChkValue]:checked').attr("id");
$("#"+fromCheckedId).removeAttr("checked");
console.log("3");
console.log("#"+fromCheckedId);
var toCheckedId=$('input[name=toChkValue]:checked').attr("id");
$("#"+toCheckedId).removeAttr("checked");
console.log("4");
console.log("#"+toCheckedId);
$("#fromFullDayChk").attr("checked","checked");
$("#toFullDayChk").attr("checked","checked");
}
이 코드에서 무엇이 잘못 되었습니까? 속성이 제거 된 후 다시 e 속성을 추가했습니다.
이것을 사용하십시오
$("#fromFullDayChk").attr("checked",true);
대신에
$("#fromFullDayChk").attr("checked","checked");
최신 버전의 Jquery를 사용하는 경우 다음 prop
과 같이 사용하십시오 .
$("#fromFullDayChk").prop("checked",true);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다