jQuery 또는 순수 JS를 사용하여 무엇입니까?
jQuery 또는 순수 JS를 사용하여 문서의 모든 사용 방법을 사용할 수 있습니까?
모든에서 '선택됨'상태를 제거하는 방법을 의미하는 경우 :
$('input:checkbox').removeAttr('checked');
다음을 사용하는 것이 좋습니다.
$('input[type=checkbox]').prop('checked',true);
또는
$('input[type=checkbox]').prop('checked',false);
removeAttr()재설정 할 수로없는을 구석으로 같습니다 form.reset().
위의 답변은 저에게 맞는이지.
다음은 작동했습니다.
$('input[type=checkbox]').each(function()
{
this.checked = false;
});
이렇게하면 모든 선택이 선택 취소됩니다.
경우에 따라 기본적으로 선택 될 수 있습니다. 하지 않은 상태 선택로 설정하지 않고 기본 선택을 복원하려면 defaultChecked속성을 비교하십시오 .
$(':checkbox').each(function(i,item){
this.checked = item.defaultChecked;
});
나는 이것을 사용했습니다.
$('input[type=checkbox]').prop('checked', false);
.attr 및 .removeAttr이 어떤 상황에서 작동하지 않는 것입니다.
편집 : jQuery v1.6 이상에서는 브라우저 간 사용 향상을 위해 대신 .prop ( 'checked', false)를 많이 사용합니다. api.jquery.com/prop 참조
여기에 주석 : jQuery 또는 순수 JS를 사용하여 모든 존재하는 방법은 무엇입니까?
$(":checkbox:checked").each(function () {
this.click();
});
체크되지 않은 체크 박스로, 논리를 돌려
체크 박스를 선택할 수있는 div 또는 페이지의 일부를 선택할 수 있습니다. 내 페이지에 두 개의 양식이 있고 하나는 미리 준비된 값 (업데이트 용)이 있고 다른 하나는 새로 채워야하는 시나리오를 보았습니다.
$('#newFormId input[type=checkbox]').attr('checked',false);
이렇게하면 id newFormId가 선택되지 않은 양식의 만들 만 만들어집니다.
자바 펼쳐
var clist = document.getElementsByTagName("input");
for (var i = 0; i < clist.length; ++i) { clist[i].checked = false; }
jQuery
$('input:checkbox').each(function() { this.checked = false; });
수행 수행 다음을 참조하십시오. ID / 클래스별로 모든 선택 선택
Tatu Ulmanen의 답변 에서 말했듯 이 다음 펼쳐서 사용하면 작업을 수행합니다.
$('input:checkbox').removeAttr('checked');
그러나 Blakomen의 의견에서 말했듯이 버전 1.6 이후에는 대신 사용하는 것이 좋습니다.jQuery.prop()
jQuery v1.6 이상에서는 브라우저 간 사용을 높이기 위해 대신 .prop ( 'checked', false)를 사용합니다.
$('input:checkbox').prop('checked', false);
사용시 jQuery.each()성능 문제가 보관되므로 주의하십시오 . (또 jQuery.find()경우에는 피 든지. 대신 사용)
$('input[type=checkbox]').each(function()
{
$(this).prop('checked', false);
});
나는 그런 것을 사용했다
$(yourSelector).find('input:checkbox').removeAttr('checked');
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container check">
<button class="btn">click</button>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
</div>
<script>
$('.btn').click(function() {
$('input[type=checkbox]').each(function()
{
this.checked = false;
});
})
</script>
</body>
</html>
참고 URL : https://stackoverflow.com/questions/2279760/how-to-reset-all-checkboxes-using-jquery-or-pure-js
'ProgramingTip' 카테고리의 다른 글
| UILabel 텍스트를 굵게 설정 (0) | 2020.10.13 |
|---|---|
| JFrame 용 응답하지 않는 KeyListener (0) | 2020.10.13 |
| MySQL은 가장 최근 행에만 가입 하시겠습니까? (0) | 2020.10.13 |
| Xcode에서 메소드를 폐기하는 방법 (0) | 2020.10.13 |
| SQL Server의 이스케이프 문자 (0) | 2020.10.13 |