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

发布时间:2025-05-20 06:08:58 发布人:远客网络

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

1、男<input type="radio" name="gender" id="gender" value="1"/>

2、女<input type="radio" name="gender" id="gender" value="2"/>

3、这里不能使用jquery中的document.getElementById，因为该对象只能用于拿到在页面上唯一对象的值。而要使用原生javascript中的document.getElementsByName

4、JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

5、是一种解释性脚本语言（代码不进行预编译）。

6、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

7、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

8、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

9、Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

二、如何用js取下拉框中的内容

1、jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关；

2、var item=$('input[@name=items][@checked]').val();

3、var item=$("select[@name=items] option[@selected]").text();

4、select下拉框的第二个元素为当前选中值

5、$('#select_id')[0].selectedIndex= 1;

6、radio单选组的第二个元素为当前选中值

7、$('input[@name=items]').get(1).checked= true;

8、文本框，文本区域：$("#txt").attr("value")；

9、多选框checkbox：$("#checkbox_id").attr("value")；

10、单选组radio：$("input[@type=radio][@checked]").val();

11、下拉框select：$('#sel').val();

12、文本框，文本区域：$("#txt").attr("value",'');//清空内容

13、$("#txt").attr("value",'11');//填充内容

14、多选框checkbox：$("#chk1").attr("checked",'');//不打勾

15、$("#chk2").attr("checked",true);//打勾

16、 if($("#chk1").attr('checked')==undefined)//判断是否已经打勾

17、单选组radio：$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

18、下拉框select：$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

19、$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option

20、$("#sel").empty()；//清空下拉框

三、如何利用js获取form表单数据

在处理网页表单数据时，面对大量数据时，手动逐一获取显得既繁琐又容易出错。为解决此问题，我们可使用JavaScript封装一个函数，自动收集并整理表单信息，提高效率。此函数的核心在于识别表单元素，并根据其类型获取对应数据。表单元素需有name属性，此属性将作为数据在后端处理时的标识。

接下来，以HTML示例展示页面布局，包括下拉框、输入框、密码框、单选框与复选框等。

为实现自动化收集，引入jQuery库，简化操作。以下是JavaScript代码实现：

//封装方法，获取到form表单的数据。使用此方法，表单元素必须存在那么属性。

$(el).each(function(index, item){

if(item.type=="text"|| item.type=="password"|| item.type=="select-one"|| item.type=="tel"|| item.type=="search"|| item.type=="range"|| item.type=="number"|| item.type=="month"|| item.type=="email"|| item.type=="datetime-local"|| item.type=="datetime"|| item.type=="date"|| item.type=="color"){

//获取到name的值,name的值就是向后台传递的数据

obj[$(this).attr("name")]=$(this).val();

} else if(item.type=="checkbox"){

if($(this).attr("name")&&!stamp){

var checkboxEl=$("input[name="+$(item).attr('name')+"]:checked");

checkboxEl.each(function(idx, itm){

checkboxArr.push($(itm).val());

obj[$(this).attr("name")]= checkboxArr.join(",");

} else if(item.type=="radio"){

var radio_val=$("input[name="+$(item).attr('name')+"]:checked").val();

obj[$(item).attr("name")]= radio_val;

var parameter= getParameter(".query");