参考代码如下：
<!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，放在同一目录下。
获取 checkbox的选中个数可以直接使用如下jquery语法
$("input[type='checkbox']:checked")length;实例演示如下
创建Html元素
<div class="box"><span>点击按钮获取选中个数：</span><br>
<div class="content">
<input type="checkbox" name="test" >萝卜
<input type="checkbox" name="test" >青菜
<input type="checkbox" name="test" >小葱
<input type="checkbox" name="test" >豆腐
<input type="checkbox" name="test" >土豆
</div>
<input type="button" class="btn" value="获取被选择个数">
</div>
设置css样式
divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}divbox>span{color:#999;font-style:italic;}
divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='checkbox']{margin:5px 10px;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
$(function(){$("input:button")click(function() {
alert($("input[type='checkbox']:checked")length);
});
})
观察效果
<html>
<script language="javascript" src="jquery-141minjs"></script>
<script language="javascript">
$(function(){
$("#main_1 inputsubmit")click(function(){
var _d1=$("#main_1 selectdate")val(),
_t1=$("#main_1 inputtime")val();
alert(_d1+"\n"+_t1)
})
$("#main_2 inputsubmit")click(function(){
var _d2=$("#main_2 selectdate")val(),
_t2=$("#main_2 inputtime")val();
alert(_d2+"\n"+_t2)
})
})
</script>
<div id="main_1">
第一时间：
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交" >
</div>
<div id="main_2">
第二时间：
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交">
</div>
</html>
应该是你所要的，试试看吧，亲！
if($("#id")is(":checked")){
var value = $("#id")val();
}
value就是获取的选中的值，不过这个方法是我在遍历input时用的
简单来说：var val = $('input[name="sex"]:checked')val();
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选。
扩展资料：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
复制的：
HTML 代码:
<form>
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />
<input type="checkbox" name="newsletter" value="Weekly" />
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
</form>
jQuery 代码:
$("input:checked")
结果:
[ <input type="checkbox" name="newsletter" checked="checked" value="Daily" />, <input type="checkbox" name="newsletter" checked="checked" value="Monthly" /> ]
var check = $("input:checked"); //得到所有被选中的checkbox
var actor_config; //定义变量
checkeach(function(i){ //循环拼装被选中项的值
actor_config = actor+','+$(this)val();
});
alert(actor_configsubstr(9)+',');
通过以下js代码去获取选中项的值，在IE7中可以正确取得选中项的值，但在IE8中却得不到选中项的值，同样在Firefox 353下也得不到值，但公司同事在Firefox其他较低版本下能正确得到值，IE6下也没有问题，⊙﹏⊙b汗
$('#permissionList-body input[name="checkboxes"][checked]')each(function(i){
alert($(this)val());
});
但是把技术代码修改为:
$('#permissionList-body input[name="checkboxes"]')each(function(i){
if(thischecked)alert($(this)val());
});===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')这两种写法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')
这种支持firefox
没有找到好的解决方法，只有加if(thischecked)判断了 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值var item = $('input[@name=items][@checked]')val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]")text();select下拉框的第二个元素为当前选中值$('#select_id')[0]selectedIndex = 1;radio单选组的第二个元素为当前选中值$('input[@name=items]')get(1)checked = true;获取值：文本框，文本区域：$("#txt")attr("value")；多选框checkbox：$("#checkbox_id")attr("value")；单选组radio： $("input[@type=radio][@checked]")val();下拉框select： $('#sel')val();控制表单元素：文本框，文本区域：$("#txt")attr("value",'');//清空内容 $("#txt")attr("value",'11');//填充内容多选框checkbox： $("#chk1")attr("checked",'');//不打勾 $("#chk2")attr("checked",true);//打勾 if($("#chk1")attr('checked')==undefined) //判断是否已经打勾单选组radio： $("input[@type=radio]")attr("checked",'2');//设置value=2的项目为当前选中项下拉框select： $("#sel")attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 $("<option value='1'>1111</option><option value='2'>2222</option>")appendTo("#sel")//添加下拉框的option $("#sel")empty()；//清空下拉框// 清空所有复选框选项 $(":checkbox")attr("checked","");
参考如下代码
$("select")val(); // 选中项目的value值
$("select option:checked")text(); // 选中项目的显示值
示例如下：
创建Html元素
请选择：
<select id="sel">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
<input type="button" value="被选项目">
编写jquery代码
$(function(){
$("input")click(function() {
a = $("#sel")val();
b = $("#sel option:checked")text();
alert("被选项目的值："+a+"，被选项目的显示值："+b+"。");
});
})
显示效果
以上就是关于jquery怎么得到多组单选框的值全部的内容，包括:jquery怎么得到多组单选框的值、jquery中怎样获得多选框中，被选择的个数、jQuery怎样获取当前的text和select框的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）