javascript代码如下:
for(var i=0;i<document.form1.radioid.length;i++)
{
if(document.form1.radioid[i].checked)
{
var value=doucment.form1.radioid[i].value;
if(value==2)
{
if(confirm("你选中了第二个"))
}
else
{
return false;
}
}
}
radioid 是radio的ID;
-----------------------------------------------------------------
<html>
<script type="text/javascript">
function selectradio()
{
var arr=document.getElementsByName("radio1");
for(var i=0;i<arr.length;i++)
{
if(arr[i].checked)
{
alert(arr[i].value)
}
}
}
function selectcheck()
{
var acc=document.getElementsByName("checkbox1");
var str="";
for(var i=0;i<acc.length;i++)
{
if(arr[i].checked)
{
str+=acc[i].value+",";
}
alert(str);
}
}
function selectselect()
{
var ass=document.getElementByIdx_x("select1");
alert(ass.options[ass.selectedIndex].text+":"+ass.options[ass.selectedIndex].value);
}
</script>
<body>
<div align="center">
<form>
<input type="radio" name="radio1" value="111" /><br/>
<input type="radio" name="radio1" value="222" /><br/>
<input type="radio" name="raido1" value="333" /><br/>
<input type="button" name="submit2" value="" />
<br/>
<br/>
<input type="checkbox" name="checkbox1" value="111" /><br/>
<input type="checkbox" name="checkbox1" value="222" /><br/>
<input type="checkbox" name="checkbox1" value="333" /><br/>
<input type="button" name="submit" vlaue="按钮" />
<br/>
<br/>
<select name="select" id="select1">
<option value="111">第一项</option>
<option value="222">第二项</option>
<option value="333">第三项</option>
</select>
<input type="button:" name="submit3" value="按钮" />
<br/>
<br/>
</form>
</div>
</body>
</html>
----------------------------------
判断checkbox和radio是否被选中,选中个数
<html>
<head>
<script type="text/javascript">
function ischecked(oform,checkname)
{
var len=oform.elements.length;
var i=0;
for(oform.elements[i].name==checkname)
{
if(oform.elements[i].checked)
{
return true;
}
}
}
function getcheckNum(oform checkname)
{
var len=oform.elements.length;
var i=0;
var checkn=0;
for(i=0;i<len;i++)
{
if(oform.elements[i].name==checkname)
{
if(oform.elements[i].checked)
{
checkn++;
}
}
}
}
</script>
</head>
<body>
<form name="myform" method="post">
<input type="checkbox" name="checkbox1" id="c11" value=""><label for="c11">选中1</label>
<input type="checkbox" name="checkbox1" id="c12" value=""><label for="c12">选中2</label>
<input type="checkbox" name="checkbox1" id="c13" value=""><label for="c13">选中3</label>
<br/>
<br/>
<input type="button" οnclick="alert(ischecked(document.myform,'checkbox1'))" value="测试有没有选择"><br/><br/>
<input type="button" οnclick="alert(getcheckedNum(document.myform,'checkbox1'))" vlaue="测试选中几个" />
</form>
<br/>
<br/>
<hr/>
<form method="post" name="myform2">
<input type="radio" name="radioname" id="r11" vlaue=""><label for="r11">选择</label><br/>
<input type="radio" name="radioname" id="r12" value=""><label for="r12"></label><br/>
<input type="button" οnclick="alert(ischecked(document.myform2,'radioname'))" value="测试有没有选择" >
<input type="reset" value="重置" />
</form>
</body>
</html>
----------------------------------------------------------
获取下拉列表选中项的值和文本(select)
<html>
<head>
<script type="text/javascript">
///获取下拉列表选项中的文本
function getSelectedText(name)
{
var obj=document.getElementByIdx_x(name);
for(i=0;i<obj.length;i++)
{
if(obj[i].selected==true)
{
return obj[i].innerText;
}
}
}
function getSelectedValue(name)
{
var obj=document.getElementByIdx_x(name);
return obj.value;
}
</script>
</head>
<body>
<select id="myselect">
<option value="first">1</option>
<option value="second">2</option>
<option value="third">3</option>
</select>
<br/>
<input type="button" value="所选文本" />
<input type="button" vlaue="所选值" />
<body>
</html>
获取单选按钮(radio)组的值和修改选中项
<html>
<head>
<script type="text/javascript">
- //求单选按纽的值,传radio名字作为参数。未选返回false;有选择项,返回选项值。
function getRadioValue(name)
{
var radioes=document.getElementsByName(name);
for(var i=0;i<radioes.length;i++)
{
if(radioes[i].checked)
{
return radioes[i].value;
}
}
return false;
}
//通过值修改所选中的单选按钮
function setRadio(name,sRadioValue) //传入radio的name和选中项的 值
{
var oradio=document.getElementsByName(name)
for(var i=0;i<oradio.length;i++)
{
if(oradio[i].value==sRadioValue)
{
oradio[i].checked=true;//修改选中的状态
break;
}
}
}
</script>
</head>
<body>
<form name="frm">
<input type="radio" name="oper" value="agree">同意<br/>
<input type="radio" name="oper" value="downchange" checked>下方修改<br/>
<input type="radio" name="oper" value="refuse">据保<br/>
<br/>
alert('result'+getRadio(this.form.oper))
<input type="button" name="test1" value="按钮1" οnclick="alert('result'+getRadio(this.form.oper))" >
<br/>
alert(this.form.oper.value)
<input type="button" name="test2" value="按钮2" οnclick="alert('result'+getRadio(document.getElementByIdx_x('oper')))" >
<br/>
alert(this.form.oper.value)
<input type="button" name="test3" value="按钮3" οnclick="alert(this.form.oper.value)" />
<br/>
changeRadio(this.form.oper,"上报");
<input type="button" name="test4" value="按钮4" οnclick="changeRadio(this.form.oper,'report')">
<br/><br/>
<select id="slt">
<option value="agree">agree</option>
<option value="downchange" selected>down</option>
<option value="refuse">refuse</option>
</select>
<br/>
alert(this.form.slt.value)
<input type="button" name="test5" value="按钮5" οnclick="alert(this.form.slt.value)" />
document.getElementByIdx_x('slt')[2].innerText);
<input type="button" name=”test6" value=’按钮6" οnclick="alert(document.getElementByIdx_x('slt')[2].innerText)" />
<br/>
</form>
</body>
</html>
本文出自 “探索者” 博客,请务必保留此出处http://1906754.blog.51cto.com/1896754/521743