jquery怎么得到多组单选框的值

jquery怎么得到多组单选框的值,第1张

参考代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">

<HTML>

<HEAD>

<TITLE> 页面上多组单选题时,怎么用JQuery确定各组单选的选中值 </TITLE>

<script src="jquery-132minjs"></script>

<SCRIPT LANGUAGE="JavaScript">

$(function(){

//为指定name的radio设置选中值

var param1=2;

var param2=1;

$(":radio[name=radio1][value="+param1+"]")attr("checked","true");//指定value的选项为选中项

$(":radio[name=radio2][value="+param2+"]")attr("checked","true");

//取值

$("#btn")click(function(){

var radio1Value=$(":radio[name='radio1']:checked")val();

var radio2Value=$(":radio[name='radio2']:checked")val();

//测试

alert("第一组单选值:"+radio1Value);

alert("第二组单选值:"+radio2Value);

});

});

</SCRIPT>

</HEAD>

<BODY>

<p>第一组选择</p>

<input type="radio" name="radio1" value="1">

<input type="radio" name="radio1" value="2">

<p>第二组选择</p>

<input type="radio" name="radio2" value="1">

<input type="radio" name="radio2" value="2">

<br/>

<button id="btn">选完后点击我测试</button>

</BODY>

</HTML>

注意:代码直接复制保存,先下载包jquery-132minjs,放在同一目录下。

// $(this)find("input['type=radio']")attr("checked",true);

// $(this)find(":radio")attr("checked",true);

试试,上面两种都不行?

好像find()方法有时候就是不太准确

$("#addrlist li >input:radio")attr("checked" , true);

jquery获取style的属性值有两种方法

第一种是getElementById() 方法。它可以返回对拥有指定 ID 的第一个对象的引用。在 *** 作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。

第二种是getElementsByName() 方法,它可以返回带有指定名称的对象的集合。该方法与getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

<html>

<head>

<title></title>

<script src="jquery-144minjs" type="text/javascript"></script>

<script type="text/javascript">

$(document)ready(function() {

$("#rad")click(function() {

alert($("#rad input[name=sex]:radio[checked]")val());

});

});

</script>

</head>

<body>

<div id="rad" style="background:red">

<input type="radio" id="sex1" name="sex" value="1" checked>男

<input type="radio" id="sex2" name="sex" value="2" >女

</div>

</body>

</html> 我这样就没问题啊。。。你试一试在静态页面里面看一看呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于jquery怎么得到多组单选框的值全部的内容,包括:jquery怎么得到多组单选框的值、jquery 单选选中设定 $(this).find("input[type=radio]").attr("checked",true);、jquery怎么获取style里面的属性值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9696881.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存