日期:2014-05-16  浏览次数:20396 次

js中用getelementbyid得到其中的元素的问题
小弟刚刚接触js不久,有一问题要向大家请教

我想要达到的效果是这样的啊
三个单选按钮,通过审核,取消审核,移动至,另外还有一个下拉菜单,这个菜单是选择要移动到的栏目分类
代码如下:
<td align="center">
  <label>
  <input type="radio" name="radio" id="radio4"value="pass">
  </label>
  <label> 通过审核</label>
  <input name="radio" type="radio" id="radio1" value="dispass" >
  <label> 取消审核 </label>
  <input type="radio" id="radio3"name="radio3" value="move">
  移动至
 <select name="video_sort">
<option value="0">请选择所属频道</option>
{$rows}
</select>
要实现的是
1.单选按钮不选时,不能提交。
2.当选择移动至这个按钮时,下拉菜单必须选择栏目,value不得为0;
但不是很清楚怎样应得到ID的方法来实现这个功能,希望高手指点一二。


------解决方案--------------------


<input type="button" value="submit" onclick="check()">

var check = function(){
 var ra = document.all("radio");
 var checkObj = null;
 for(var i=0;i<ra.length;i++)
 {
if(ra[i].checked)
{
checkObj = ra[i];
}
 }
 if(checkObj == null)
 {
alert("必须选择一项进行操作!");
return;
 }
 if(checkObj.value == "move")
 {
if(video_sort.value == 0 || video_sort.value == "")
{
alert("请选择要移动的位置!");
return;
}
 }
 return true;
}
------解决方案--------------------
<td align="center" > 
<label > 
<input type="radio" name="radio" value="pass" > 
</label > 
<label > 通过审核 </label > 
<input type="radio" name="radio" value="dispass" > 
<label > 取消审核 </label > 
<input type="radio" name="radio" value="move" > 
移动至 
<select name="video_sort" > 
<option value="0" >请选择所属频道 </option > 
{$rows} 
</select > 
<input type="button" value="OK" onclick="fn_check();" >

function fn_check(){
 var objRdo = document.getElementByName("radio");
 var objSel = document.getElementByName("video_sort");
 var strVal = "";

 for(var i = 0; i < objRdo.length; i++){
if(objRdo[i].checked){
strVal = objRdo[i].value;
break;
}
 }
 if(strVal == ""){
alert(".......");
return;
 }
 if(strVal == "move"){
if(objSel.value == "0"){
alert(".......");
return;
}
 }
 document.form.submit();
}
------解决方案--------------------
HTML code:

<input type="radio" name="radio" id="radio4" value="pass"> 通过审核 <input name="radio" type="radio" id="radio1" value="dispass">
取消审核 <input type="radio" id="radio3" name="radio" value="move"> 移动至
<select id="video_sort">
<option value="0">请选择所属频道</option>
<option value="1" selected>aaaa</option>
</select>