参考代码如下:
<!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,放在同一目录下。
获取单选框的值有三种方式:
1、$('input:radio:checked')val();
2、$("input[type='radio']:checked")val();
3、$("input[name='rd']:checked")val();
亲,你这个可以这样写
<script>var chkCh=$("input[name='ch']");
$("#checkall")click(function(){
if($(this)prop("checked",true)){
chkChprop("checked",true);
}else{
//$("input[name='ch']")attr("checked","");
//$("input[name='ch']")removeAttr("checked");
chkChprop("checked",false);
}
})
</script>
$(":checkbox")click(function{
if($("input:checked")size()>=数值){
$(this)removeAttr("checked");
$(":checkbox")attr("disabled","disabled");
$("input:checked")removeAttr("disabled");
}
});
获取值:
文本框,文本区域:$("#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();//清空下拉框
以上就是关于jquery怎么得到多组单选框的值全部的内容,包括:jquery怎么得到多组单选框的值、jquery 如何获取单选框的值、Jquery的多选框的问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)