如何检查是否存在html控件?

时间:2010-08-12 14:29:10

标签: javascript html

如何检查HTML控件是否存在?

这是我的代码:

var id = ...
if(document.getElementById(id)!=null)
{
   //do something
}

如果html控件是无线电不起作用。

这是怎么做到的?

2 个答案:

答案 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;
}
}
}
}