javascript判断radio是否选中

最新推荐文章于 2023-08-12 12:21:00 发布
最新推荐文章于 2023-08-12 12:21:00 发布
阅读量3.2k 收藏 1
点赞数 1
文章标签： javascript button input function 测试 report

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.getElementById("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.getElementById(name);

for(i=0;i<obj.length;i++)

{

if(obj[i].selected==true)

{

return obj[i].innerText;

}

}

}

function getSelectedValue(name)

{

var obj=document.getElementByID(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">

  2. //求单选按纽的值，传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.getElementById('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.getElementByID('slt')[2].innerText);

<input type="button" name=”test6" value=’按钮6" οnclick="alert(document.getElementById('slt')[2].innerText)" />

<br/>

</form>

</body>

</html>

ITyanping
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js判断radio是否被选中
11-12
php开发判断radio，此次应用在单选框中利用js判断。
js 判断一个radio被选中
HuangsTing的博客
09-03 3538
function baidu(){ var radios = document.getElementsByName("a"); for ( var i = 0; i < radios.length; i++) { if (radios[i].checked==true) { i++; alert("你选中的是第"+i+"个单选框。值为："+radios[--i].valu...
js前端判断radio是否选中的两种方法
qq_41353397的博客
11-21 5324
html代码： <input type="radio" value="#00CC00" name="device"> js代码： //js写法 let inputs = document.getElementsByName("device"); for (var i = 0; i < inputs .length; i++) { if (inputs [i].checked) { //TODO } //jquery写法: var val=$('input:radio[name="dev
JS判断一组radio哪个被选中
qq_38397397的博客
05-21 4720
var radios = document.getElementsByName("radio"); var tag = false; var val; for(radio in radios) { if(radios[radio].checked) { tag = true; val = radios[radio].value; break; } }...
JS获取表单radio判断是否被选中，并输出value值
qq_62223782的博客
02-14 2179
js中想获取表单radio选中的状态，并获取他的值
javascript中判断radio是否选中的方法
程序达人
11-18 2万+
男 女 这里不能使用jquery中的document.getElementById，因为该对象只能用于拿到在页面上唯一对象的值。 而要使用原生javascript中的document.getElementsByName 正确的js代码为： var bFlag = false; var gender = document.getElementsByName('gend
JS怎么判断 radio是否被选中
leenairen的专栏
11-10 8302
var radios = document.getElementsByName("radio"); var tag = false; var val; for(radio in radios) {    if(radios[radio].checked) {       tag = true;       val = radios[radio].value;
JS 判断单选框(radio)是否被选中
qachenzude的专栏
07-29 1万+
JS 判断 radio 单选按钮是否选中    function ValidateRadio()    {      var radioSelete = "Nothing"      var seletedValue = "";      for(i=0;i      {         if(document.form1.rValue[i].checked)
JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息
tianshibaijia
01-09 480
今天项目中所解决的问题：JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息，一开始总是获取不到radio 的值，后来发现逻辑存在些问题，特此共享该代码留笔记和分享给遇到这类问题的 兄弟们参考： &lt;script type="text/javascript"&gt; //判断个函数 以上 5 个Radio 那个为选中状态 function judge...
JS 判断单选框(radio)是否被选中（二）
websph的专栏
05-26 1万+
    JS 判断 radio 单选按钮是否选中   function ValidateRadio()   {     var radioSelete = "Nothing";     var seletedValue;     for(i=0;i     {         if(document.form1.rValue[i].chec
js判断radio选中
yehuiling的专栏
10-08 1997
         父菜单          子菜单          应用    with(document.appMenuManageForm){   //如果 菜单类型：子菜单   if(appMenuType[1].checked){            ...    }   }
关于JSP判断按钮是否被选中~~（radio、checkbox）
笨笨男
12-07 1万+
在jsp里我们所写的表单中免不了会使用radio button、checkbox这些按钮，在这里小笨就在这整理总结了一下~~~o (^^) o**首先对于radio button：**<!--比如这里有个form.html，而且它要提交到result.jsp--> <form action="result.jsp" method="post"> <input type="radio" value="
JQuery判断radio（单选框）是否选中和获取选中值方法总结
最新发布
qq_37647812的博客
08-12 4427
alert("yes--选中的值为："+$(":radio:checked").val());alert("选中了");一、利用获取选中值判断选中。是否有选中，获取选中的值。单选按钮的值、获取一组。/*------判断。5、设置单选按钮被选中。
js中对radio和checkbox是否选中的判断
weixin_33860147的博客
07-18 245
一、js判断checkbox 　　例如：&lt;div class="checkbox" style="width: 150px;"&gt; 　　　　　　&lt;label&gt;&lt;input type="checkbox" class="kcb" data-value="Beige" name="Color Family"&gt;
JS动态判断radio是否被选中的问题
websph的专栏
05-26 9582
因为要通过循环输出查询出来的记录数，每个记录前面有个单选按钮radio当单选按钮radio大于等于2个时，JS判断正常，当单选按钮radio只有一个时，无法进行“下一步”，提交“下一步”时不管是否选中这个按钮仍然被JS提示：“请选择要修改的记录！”JS代码如下：<script language="javascript" type="text/javascrip
判断radio是否选中
chen271453865的博客
04-25 2575
$('input:radio[name="express"]:checked').val();
js判断radio是否被选中（一）
websph的专栏
05-26 2万+
html>head>title>votejsp/title>script language="javascript" type="text/javascript">function validate(){var resualt=false;for(var i=0;i{
jQuery,获取被选中radio的value值
热门推荐
qq_39822451的博客
09-18 3万+
<input type="radio" name="address" value="0" /> <input type="radio" name="address" value="1" /> <input type="radio" name="address" value="2" /> jQuery中 : var addressID = $("inp...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值