数码资讯
js使用DOM设置单选按钮、复选框和下拉菜单的方式
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
本文演示了js使用DOM设置单选按钮、复选框和下拉菜单的方式，供大家参考，具体实现方法如下：
1。设置收音机按钮
单选按钮的形式是用户可以选择的一组对象，但每次只能选择其中一个，每个都有一个选中的属性，当选择正确时，另一个变成false。
首先举个例子：
复制代码代码如下所示：
功能getchoice（）{
无功oform =文件形式{uform1}；
无功achoices = oform.camera；
为（i = 0；i < achoices.length； / /我+ +）遍历整个广播台
如果（achoices {我}。检查） / /如果发现退出选择
打破；
警报（相机品牌：+ achoices {我}的价值。）；
}
功能setchoice（微粒）{
无功oform =文件形式{uform1}；
oform。相机{ }检查=真正的微粒；
}
相机品牌：
佳能
尼康
索尼
奥林巴斯
三星
宾得
别人
单选按钮的形式是用户可以选择的一组对象，但每次只能选择其中一个，每个都有一个选中的属性，当选择正确时，另一个变成false。
正如你可以看到从上面的代码中，ID和名称是不同的，和一个单选按钮是相同的名字，只有一个是selected.id绑定或其他选择。
在代码：代码检查选定的对象（当chcked价值的一个项目是真实的，遍历结束的）
复制代码代码如下：var oform =文件形式{uform1}；
无功achoices = oform.camera；
为（i = 0；i < achoices.length； / /我+ +）遍历整个广播台
如果（achoices {我}。检查） / /如果发现退出选择
打破；
警报（相机品牌：+ achoices {我}的价值。）；
2。设置复选框
与单选按钮不同，复选框可以同时使用多个选项，以及邮箱中每个邮件前复选框的典型用法。
复制代码代码如下所示：
函数复选框（）{
var str = document.getelementsbyname（爱好）；
无功objarray = str.length；
VaR契斯特= ；
为（J = 0；J < objarray；j++）{
如果（已检查= TRUE）{
契斯特= str { }值+ J。
}
}
如果（契斯特= ={）
请注意：请先选择一种爱好。！；
{人}
警报（你第一选择：+契斯特）；
}
}
功能changeboxes（行动）{
无功oform =文件形式{myform1}；
无功ocheckbox = oform.hobby；
对于（var i = 0；i < ocheckbox.length； / /我+ +）每个选项的遍历
如果（行动< 0） / /取消
我ocheckbox { }。检查=！我ocheckbox { }。检查；
其他操作1是0选择，未选中
ocheckbox {我}检查=行动；
}
你喜欢做什么：
玩球
看电视
上网冲浪
读一本书
旅游
音乐
其他
复选框原理使用选中的属性布尔值，选择并选择0和1的传递参数。
三.下拉菜单
下拉菜单是一种常用的表单元素，当单选按钮、单选按钮时，当多个=的下拉菜单作为复选框起作用时，但该区域远远小于复选框。
下拉菜单的常用属性：
属性
解释
长度
表示选项的数目。
挑选出来的
布尔值，指示是否选中了布尔值。
SelectedIndex
序号是选择的选项，如果没有选择为- 1，其中下拉菜单，返回第一个选择
序列号，从0计数
文本
选项文本
价值
期权的价值
型
类型下拉菜单，单选返回一个，它返回选择多个
选项
得到的阵列选项，如：oselectbox。选项{ 2 }，代表下拉菜单的第三项oselectbox
下拉菜单获取收音机的值。
复制代码代码如下所示：
功能checksingle（）{
无功oform =文件形式{myform1}；
无功oselectbox = oform.constellation；
VaR安超= oselectbox.selectedindex； / /获得所选项目
警报（选定+ oselectbox。选项{安超}。文本）；
}
星座：
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
II。选择值的下拉菜单
复制代码代码如下所示：
功能checkmultiple（）{
无功oform =文件形式{myform1}；
无功oselectbox = oform.constellation；
无功achoices =新的数组（）；
遍历下拉菜单
对于（var i = 0；i < oselectbox.options.length；i++）
如果（oselectbox。选项{我}。选择） / /如果选择
AChoices.push（oselectbox。选项{我}。文本）； / /压入阵
警报（你选择：achoices.join（+））； / /输出
}
星座：
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
总价值（下单选和多选的情况）
复制代码代码如下所示：
功能getselectvalue（箱）{
无功oform =文件形式{myform1}；
无功oselectbox = oform。元素{盒}； / /根据相应的下拉菜单中选择的参数
如果（oselectbox.type = =选一）{ / /法官是无线电或检查
VaR安超= oselectbox.selectedindex； / /获得所选项目
警报（单，你选择+ oselectbox。选项{安超}。文本）；
{人}
无功achoices =新的数组（）；
遍历下拉菜单
对于（var i = 0；i < oselectbox.options.length；i++）
如果（oselectbox。选项{我}。选择） / /如果选择
AChoices.push（oselectbox。选项{我}。文本）； / /压入阵
警报（复选框，选中achoices.join（+））； / /输出
}
}
星座：
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。
1。设置收音机按钮
单选按钮的形式是用户可以选择的一组对象，但每次只能选择其中一个，每个都有一个选中的属性，当选择正确时，另一个变成false。
首先举个例子：
复制代码代码如下所示：
功能getchoice（）{
无功oform =文件形式{uform1}；
无功achoices = oform.camera；
为（i = 0；i < achoices.length； / /我+ +）遍历整个广播台
如果（achoices {我}。检查） / /如果发现退出选择
打破；
警报（相机品牌：+ achoices {我}的价值。）；
}
功能setchoice（微粒）{
无功oform =文件形式{uform1}；
oform。相机{ }检查=真正的微粒；
}
相机品牌：
佳能
尼康
索尼
奥林巴斯
三星
宾得
别人
单选按钮的形式是用户可以选择的一组对象，但每次只能选择其中一个，每个都有一个选中的属性，当选择正确时，另一个变成false。
正如你可以看到从上面的代码中，ID和名称是不同的，和一个单选按钮是相同的名字，只有一个是selected.id绑定或其他选择。
在代码：代码检查选定的对象（当chcked价值的一个项目是真实的，遍历结束的）
复制代码代码如下：var oform =文件形式{uform1}；
无功achoices = oform.camera；
为（i = 0；i < achoices.length； / /我+ +）遍历整个广播台
如果（achoices {我}。检查） / /如果发现退出选择
打破；
警报（相机品牌：+ achoices {我}的价值。）；
2。设置复选框
与单选按钮不同，复选框可以同时使用多个选项，以及邮箱中每个邮件前复选框的典型用法。
复制代码代码如下所示：
函数复选框（）{
var str = document.getelementsbyname（爱好）；
无功objarray = str.length；
VaR契斯特= ；
为（J = 0；J < objarray；j++）{
如果（已检查= TRUE）{
契斯特= str { }值+ J。
}
}
如果（契斯特= ={）
请注意：请先选择一种爱好。！；
{人}
警报（你第一选择：+契斯特）；
}
}
功能changeboxes（行动）{
无功oform =文件形式{myform1}；
无功ocheckbox = oform.hobby；
对于（var i = 0；i < ocheckbox.length； / /我+ +）每个选项的遍历
如果（行动< 0） / /取消
我ocheckbox { }。检查=！我ocheckbox { }。检查；
其他操作1是0选择，未选中
ocheckbox {我}检查=行动；
}
你喜欢做什么：
玩球
看电视
上网冲浪
读一本书
旅游
音乐
其他
复选框原理使用选中的属性布尔值，选择并选择0和1的传递参数。
三.下拉菜单
下拉菜单是一种常用的表单元素，当单选按钮、单选按钮时，当多个=的下拉菜单作为复选框起作用时，但该区域远远小于复选框。
下拉菜单的常用属性：
属性
解释
长度
表示选项的数目。
挑选出来的
布尔值，指示是否选中了布尔值。
SelectedIndex
序号是选择的选项，如果没有选择为- 1，其中下拉菜单，返回第一个选择
序列号，从0计数
文本
选项文本
价值
期权的价值
型
类型下拉菜单，单选返回一个，它返回选择多个
选项
得到的阵列选项，如：oselectbox。选项{ 2 }，代表下拉菜单的第三项oselectbox
下拉菜单获取收音机的值。
复制代码代码如下所示：
功能checksingle（）{
无功oform =文件形式{myform1}；
无功oselectbox = oform.constellation；
VaR安超= oselectbox.selectedindex； / /获得所选项目
警报（选定+ oselectbox。选项{安超}。文本）；
}
星座：
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
II。选择值的下拉菜单
复制代码代码如下所示：
功能checkmultiple（）{
无功oform =文件形式{myform1}；
无功oselectbox = oform.constellation；
无功achoices =新的数组（）；
遍历下拉菜单
对于（var i = 0；i < oselectbox.options.length；i++）
如果（oselectbox。选项{我}。选择） / /如果选择
AChoices.push（oselectbox。选项{我}。文本）； / /压入阵
警报（你选择：achoices.join（+））； / /输出
}
星座：
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
总价值（下单选和多选的情况）
复制代码代码如下所示：
功能getselectvalue（箱）{
无功oform =文件形式{myform1}；
无功oselectbox = oform。元素{盒}； / /根据相应的下拉菜单中选择的参数
如果（oselectbox.type = =选一）{ / /法官是无线电或检查
VaR安超= oselectbox.selectedindex； / /获得所选项目
警报（单，你选择+ oselectbox。选项{安超}。文本）；
{人}
无功achoices =新的数组（）；
遍历下拉菜单
对于（var i = 0；i < oselectbox.options.length；i++）
如果（oselectbox。选项{我}。选择） / /如果选择
AChoices.push（oselectbox。选项{我}。文本）； / /压入阵
警报（复选框，选中achoices.join（+））； / /输出
}
}
星座：
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
白羊座
金牛座
双子座
癌症
狮子
处女
规模
天蝎座
射手
摩羯座
水瓶座
双鱼座
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。