取消选择特定复选框的Javascript代码
我需要一个javascript代码,当用户单击取消选择特定复选框的Javascript代码,javascript,forms,Javascript,Forms,我需要一个javascript代码,当用户单击Hide a1+a4 试着像下面这样 在html中 <form action="" method="POST"> <select class="required-entry"> <option value="0" selected="true">Hide a1 + a4</option> <option value="2">WhatsAp
Hide a1+a4
试着像下面这样
在html中
<form action="" method="POST">
<select class="required-entry">
<option value="0" selected="true">Hide a1 + a4</option>
<option value="2">WhatsApp only</option>
<option value="1">E-mail only</option>
<option value="3">WhatsApp + E-mail</option>
</select>
<label ><input type="checkbox" name="a1" id="a1" checked="">1</label><br />
<label ><input type="checkbox" name="a2" id="a2" checked="">2</label><br />
<label ><input type="checkbox" name="a3" id="a3" checked="">3</label><br />
<label ><input type="checkbox" name="a4" id="a4" checked="">4</label><br />
<label ><input type="checkbox" name="a5" id="a5" checked="">5</label><br />
<input type="submit" />
</form>
下面是一个jQuery解决方案:
$(function () {
$('.required-entry').change(function () {
if ($('select option:selected').val() == 0) {
$('input[name="a1"]').prop('checked', false)
$('input[name="a4"]').prop('checked', false)
}
});
});
您可以尝试此操作,这样就不必添加ID
$(function() {
$('.required-entry').change(function(){
if ($(this).val() == "0") {
document.getElementsByName("a1").checked = false;
document.getElementsByName("a4").checked = false;
}
});
});
这将适用于您当前的HTML和jQuery
$('.required-entry').change(function(e) {
if (e.target.value === '0') {
$("input[name='a1']")[0].checked = false;
$("input[name='a4']")[0].checked = false;
}
});
这是正确的代码
$(function () {
$('.required-entry').change(function () {
if ($(this).val() == "0") {
$('input[name="waalertdown"]').prop('checked', false)
}
});
});
您尝试过什么JavaScript?当您的复选框都没有ID时,您如何通过ID获取复选框?您可以像这样通过名称获取元素。document.getElementsByName(“a1”).checked=false;
$(function() {
$('.required-entry').change(function(){
if ($(this).val() == "0") {
document.getElementsByName("a1").checked = false;
document.getElementsByName("a4").checked = false;
}
});
});
$('.required-entry').change(function(e) {
if (e.target.value === '0') {
$("input[name='a1']")[0].checked = false;
$("input[name='a4']")[0].checked = false;
}
});
$(function () {
$('.required-entry').change(function () {
if ($(this).val() == "0") {
$('input[name="waalertdown"]').prop('checked', false)
}
});
});