搜索
您的当前位置:首页如何使用JavaScript设置radio选中的示例

如何使用JavaScript设置radio选中的示例

时间:2023-12-01 来源:乐玩宠

在页面数据绑定时,经常会遇到给radio设置选中,以下是我写的js方法,经测试可以使用。欢迎拍砖

<html><head> <script type="text/javascript" src="./jquery.min.js"></script></head><body><p> <input id="rdo1" name="rdo1" type="radio" value="1" checked="checked"/>是 <input id="rdo1" name="rdo1" type="radio" value="0"/>否 <button id="btn1">是</button> <button id="btn2">否</button><p><script type="text/javascript"> $(function(){ $("#btn1").click(function(){ $("input[name='rdo1']").eq(0).attr("checked","checked"); $("input[name='rdo1']").eq(1).removeAttr("checked"); $("input[name='rdo1']").eq(0).click(); }); $("#btn2").click(function(){ $("input[name='rdo1']").eq(0).removeAttr("checked"); $("input[name='rdo1']").eq(1).attr("checked","checked"); $("input[name='rdo1']").eq(1).click(); }); });</script></body></html>

小编还为您整理了以下内容,可能对您也有帮助:

javascript怎么选中radio

思路:取得radio的值进行判断是否被选中,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。

步骤如下:

radio代码片断:

<input type="radio" name="a" value="1"/>选中      
<input type="radio" name="a" value="0" />未选中

js代码如下:

var b= document.getElementsByName('a');//取得radio的数组进行依次判断
           for (var i = 0; i < b.length; i++) {
               if (b[i].checked == true) {//如果选中,那么就弹出信息
                   alert(b[i].value);
               }
           }

定义和用法

getElementsByName() 方法可返回带有指定名称的对象的集合。

语法

document.getElementsByName(name)

该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。

另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

javascript怎么选中radio

思路:取得radio的值进行判断是否被选中,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。

步骤如下:

radio代码片断:

<input type="radio" name="a" value="1"/>选中      
<input type="radio" name="a" value="0" />未选中

js代码如下:

var b= document.getElementsByName('a');//取得radio的数组进行依次判断
           for (var i = 0; i < b.length; i++) {
               if (b[i].checked == true) {//如果选中,那么就弹出信息
                   alert(b[i].value);
               }
           }

定义和用法

getElementsByName() 方法可返回带有指定名称的对象的集合。

语法

document.getElementsByName(name)

该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。

另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

在js中怎么设置radio的值

取值:var addressVal = $("input[name='address']:checked").val(); 

指定单选值:$("input[name='radioName'][value=2]").attr("checked",true); 

如何用js实现将当前点击的单选按钮变为选中状态?

代码如下:

function doGender(gender) {

if (gender == "男") {

gel("radionan").checked = true;

} else {

gel("radionv").checked = true;

}

}

扩展资料

JS基础代码:

//定义数组 

var pageIds = new Array(); 

pageIds.push('A'); 

数组长度 

pageIds.length; 

//shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined 

var a = [1,2,3,4,5]; 

var b = a.shift(); //a:[2,3,4,5] b:1 

//unshift:将参数添加到原数组开头,并返回数组的长度 

var a = [1,2,3,4,5]; 

var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7 

//注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。 

乐玩宠还为您提供以下相关内容希望对您有帮助:

html单选框怎么用js实现选中

设置radio的checked属性为ture即为选中。 选中单选框JS代码:var target = document.getElementById("radioId");target.checked = true;附完整代码:&lt;!DOCTYPE html&gt; &lt;!--STATUS OK--&gt; ...

如何用js实现将当前点击的单选按钮变为选中状态?

if (gender == "男") { gel("radionan").checked = true;} else { gel("radionv").checked = true;} }

javascript怎么选中radio

可以按照下面的代码来操作: 是 否 是 否 (function(){ ("#btn1").

怎么利用js代码选中其中一个radio单选按钮,然后跳到指定网页。_百度知 ...

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。2、在index.html中的标签,输入js代码:functionfun(){ vara=$('input:radio:checked').val();if(a==1){ location.href='page1.html';...

JavaScript中如何取得单选框radio中被选中的(checked)的值(value)_百 ...

当你动态添加控件的时候为每个radio添加一个onclick事件,事件的内容是把自己的value给一个hidden,然后直接点按钮的时候取那个hidden的值就行了。--- 再次补充:是的,不然你就遍历一次就好了,其实客户端遍历是很快的事情,...

怎样用代码把RadioButton设置成选中状态

alert(请先选择更换图片的位置)return false}} &lt;/script方法二&lt;script language=javascript function checkvalue(){ var obj=document.getelementsbyname(radio_name);//alert(obj.length);for (var i=0;i&lt;obj.length;i+...

js 怎样设置单选按钮被选中,和未选中?求详解

控制该单选按钮的checked属性就可以了,赋值为true选中,赋值为false为取消选中,或是选中同组的其它按钮则当前按钮自动取消选中.示例代码如下:1

HTML中如何实现radio选项不同时js使用不同的功能?

使用js监听radio选中值,然后根据选中值配置哪些功能可以使用.如果是使用vue或者其他框架,则可以通过如值的变化或者watch来进行操作.参考代码: j1 j2 j3 /*监听name=r1的input值变化,并执行相关操作*/ ('[name="r1"]...

Javascript 如何判断其中一个radio被选中

为您推荐: radio默认选中 jquery判断undefined 获取radio的值 jq判断radio选中 判断单调性 jquery单选框设置选中 $(:radio) radio 设置选中 jquery checkbox选中 设置radio回现被选中 ...

求javascript 根据radio选择内容不同 显示不同的页面

请选择: 第一个表单 第二个表单 这是第一个表单

Top
6.763802s