html之单选按钮

最新推荐文章于 2024-06-21 14:39:53 发布

milijiangjun

最新推荐文章于 2024-06-21 14:39:53 发布

阅读量1.7k

点赞数

分类专栏： # html5

本文链接：https://blog.csdn.net/milijiangjun/article/details/77238148

版权

html5 专栏收录该内容

232 篇文章 4 订阅

订阅专栏

<body>

<div class="container">
<div class="form-signin">
<h2 class="form-signin-heading">创作者留言查询后台</h2>
<div class="loginrando">
<input type="radio" name="CheckRadioName" value="多房间查询" checked="checked" />多房间查询  
<input type="radio" name="CheckRadioName" value="单房间查询" />单房间查询
</div>

<input type="text" id="UserName" class="form-control" placeholder="账号" required autofocus>
<input type="password" id="PassWord" class="form-control" placeholder="密码" required>
<div id="loginerr" style="display:none;" class="alert alert-danger">账号或者密码错误</div>
<div class="checkbox">
<label>

</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="button" οnclick="ajax_StackLogin();">登陆</button>

</div>

</div> 
下侧js代码
var SelectRadio ;
var radios = document.getElementsByName("CheckRadioName");
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked == true) {
alert("你选中的是：" + radios[i].value);
SelectRadio = radios[i].value;
}

}

js循环出选择的是那个

</body>