checkbox 和 radio 单选和复选,js取值

本文展示了如何通过JavaScript实现网页上的单选按钮和复选框功能,以选择在册数据或历史数据,并通过按钮触发事件来获取用户的选择。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script>
function check(){
var sjbz = '';
    var blackName = document.getElementsByName("sj");
    for(var i = 0; i < blackName.length; i++)
    {

    if(blackName[i].checked == true)
       {
         sjbz= blackName[i].value;
       }
       }

    alert(sjbz);
    }
    </script>
 <input type="radio" name="sj" value ="1" >在册数据
<input type="radio" name="sj" value ="0" checked>历史数据

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



//以下为复选

<script>
function check(){
var sjbz1 = document.getElementById("sj1");
var sjbz2 = document.getElementById("sj2");
    alert(sjbz);
    }
    </script>
 <input type="checkbox" name="sj1" value ="1" >在册数据
<input type="checkbox" name="sj2" value ="0" checked>历史数据

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值