如何检查HTML控件是否存在?
这是我的代码:
var id = ...
if(document.getElementById(id)!=null)
{
//do something
}
如果html控件是无线电不起作用。
这是怎么做到的?
答案 0 :(得分:6)
除了上述评论之外,您还应为每个单选按钮使用唯一的id
,但您可以为您的广播组使用相同的name
。请考虑以下示例:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Testing document.getElementById()</title>
</head>
<body>
<input type="radio" id="my_radio_1_id" name="my_radios"> My Radio Button 1
<input type="radio" id="my_radio_2_id" name="my_radios"> My Radio Button 2
<script type="text/javascript">
if (document.getElementById('my_radio_1_id')) {
alert('It Exists');
}
</script>
</body>
</html>
它会按预期提醒'It Exists'
。
答案 1 :(得分:1)
function validate(ValFrm) {
var len = ValFrm.elements.length;
for (i = 0; i < len; i++) {
if (ValFrm.elements[i].required == "Yes") {
if (ValFrm.elements[i].value == "") {
alert('The '+ValFrm.elements[i].title+' is required to contain data.');
ValFrm.elements[i].focus();
return false;
}
}
if (ValFrm.elements[i].type == "radio") {
if (!ValFrm.app[0].checked && !ValFrm.app[1].checked) {
alert('Please accept or deny.');
return false;
}
}
}
}