取消选择特定复选框的Javascript代码
Javascript code to deselect specific checkboxes
当用户单击<option value="0" selected="true">Hide a1 + a4</option>
时,我只需要一个javascript代码来取消选择名为a1和a4的复选框
<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" checked="">1</label><br />
<label ><input type="checkbox" name="a2" checked="">2</label><br />
<label ><input type="checkbox" name="a3" checked="">3</label><br />
<label ><input type="checkbox" name="a4" checked="">4</label><br />
<label ><input type="checkbox" name="a5" checked="">5</label><br />
<input type="submit" />
</form>
这是我使用的JavaScript:
$(function() {
$('.required-entry').change(function(){ // use class or use $('select')
if ($(this).val() == "0") {
document.getElementById("id of checkbox").checked = false;
} else {
}
});
});
试试下面的
在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>
在javascript中。。。
$(function() {
$('.required-entry').change(function(){ // use class or use $('select')
if ($(this).val() == "0") {
document.getElementById("a1").checked = false;
document.getElementById("a4").checked = false;
} else {
}
});
});
这里有一个jQuery解决方案:
$(function () {
$('.required-entry').change(function () {
if ($('select option:selected').val() == 0) {
$('input[name="a1"]').prop('checked', false)
$('input[name="a4"]').prop('checked', false)
}
});
});
这是正确的代码。
$(function () {
$('.required-entry').change(function () {
if ($(this).val() == "0") {
$('input[name="waalertdown"]').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;
}
});
相关文章:
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- 面向对象的Javascript代码在IE7中不起作用
- 通过命令行/批处理文件打开页面时,将javascript代码注入Google Chrome
- JavaScript代码问题:我正在将对象转换为数组
- Javascript阻止其他Javascript代码
- JavaScript代码未正确检查ajax请求
- 如何调试Javascript代码或函数
- 为什么我在这个javaScript代码中使用NaN
- 将javascript代码转换为jquery代码时出错
- 如何从Objective-C代码中调用javascript代码
- 有什么工具可以轻松读取javascript代码吗
- 这个javascript代码是如何编写的
- 如何解密此javascript代码
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- HTML标记,包含带引号的JavaScript代码中的引号
- 如何在Win8Metro应用程序的Javascript代码中捕获自己的C#事件
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- JavaScript代码无法在表单上呈现部分
- 以下 JavaScript 代码与 Facebook 相关
- 使用解析为javascript源的.php,如何使用条件语句将javascript代码封装在php括号之间