表单radio,表单大师
如何使用Jquery获取Form表单中被选中的radio值
Jquery提供的选择器极大的方便了开发人员对Dom的操作,真正实现了代码简化,却功能强大的目标。下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。
form表单如下:
form name='form1' action="#" method="post"
此处略去200字
input type="radio" name="opType" value="0" /搁置br /
input type="radio" name="opType" value="1" /解决br /
input type="radio" name="opType" value="2" /转派4br /
/form
那么如何获取被选中的radio值呢,Juqery为我们提供了如下几个方法
$("input[name='opType']:checked").val() -------此方法估计用的比较多,通俗易懂
$("input:radio:checked").val(); ---------此方法最简单,但是连着使用选择器不容易懂
$("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked],本人第一次就写成这个了
那么,偶尔也需要遍历一下radio,如何做呢?当然需要each出场了,具体如下:
$('input[name="opType"]').each(function(){
alert(this.name+this.value);
});
应该明白了吧,若有什么更好的方法欢迎盖楼。
怎么用CSS控制表单中的RADIO样式?
用label,例如:
.add_cart_radio{
????float:left;
????margin-top:0.5em;
????margin-right:0.5em;
}
.add_cart_radio?input[type="radio"]{
????display:none;
}
.add_cart_radio?input[type="radio"]?+?label{
????padding:0.2em?1em;
????border:1px?solid?#CCCCCC;
????border-radius:0.5em;
????color:#999;
}
.add_cart_radio?input[type="radio"]:checked?+?label{
????padding:0.2em?1em;
????border:1px?solid?#FF6600;
????border-radius:0.5em;
????background:#FF6600;
????color:#FFFFFF;
}
c#自动填写表单中关于radio的问题
方法一
在标签里面加上runat="server"
INPUT type=radio id=ZTQK1 name=ZTQK1 value=0 runat="server"
INPUT type=radio id=ZTQK2 name=ZTQK 2 value=1 runat="server"
在后台可以根据你的需求写
ZTQK1.Checked = true;
或者
ZTQK2.Checked = true;
方法二
js脚本处理
jquery
INPUT type=radio id=ZTQK name=ZTQK value=0
INPUT type=radio id=ZTQK name=ZTQK value=1
var nideluoji=“后台取值”;
$("input:[name=ZTQK]:radio").each(function(){
if(this.val()==nideluoji){
this.checked=true;
}
else
{
this.checked=true;
}
})
怎样是form表单中的单选按钮radio成为必选项
用javaScript
给你了小例子:
s:select name="courseware.record" label="录制方式" id="recordid"
list="#request.recordlist" emptyOption="false"
listKey="fieldvalue" listValue="fieldname" headerKey="-1"
headerValue="请选择" value="-1" /
这就是一个下拉列表框
当点击提交按钮时,执行javaScript,进行验证(注意value="-1"和 id=""):
s:submit value="提交" onclick="return check();"
/s:submit
script language="javascript"
function check()
{
var make=document.getElementById ("makeid") ;
if (make.value==-1){
alert ("请选择制作方式!");
document.getElementById ("makeid").focus();
return false;
}
}
/script