jquery获取radio值实例

本文实例讲述了jquery获取radio值的方法,分享给大家供大家参考。具体如下:

单选组radio:

代码如下:

$("input[@type=radio][@checked]").val();

单选组 radio:

代码如下:

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

获取一组radio被选中项的值

代码如下:

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

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

代码如下:

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

jquery老的版本

代码如下:

var_name = $("input[@name='radio_name']:checked").val();

jquery 1.3以后的版本

代码如下:

var_name = $("input[name='radio_name']:checked").val();

获取radio值的jquery实例:

代码如下:

function getra(){

var_name = $("input[name='isspecialcnt']:checked").val();
//alert(var_name);
if(var_name=='1'){
$("#isspecialcntyes").show();
$("#isspecialcntno").hide();
}
if(var_name=='0'){
$("#isspecialcntyes").hide();
$("#isspecialcntno").show();
}
}

<form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_0">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_1">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_2">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_3">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_4">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_5">
单选</label>
<br>
</p>
</form>

希望本文所述对大家的javascript程序设计有所帮助。

(0)

相关推荐

  • jquery获取radio值(单选组radio)

    单选组radio: $("input[@type=radio][@checked]").val(); 单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); radio单选组的第二个元素为当前选中值 $('input[@

  • jQuery插件datalist实现很好看的input下拉列表

    HTML5中定义了一种input框很好看的下拉列表--datalist,然而目前它的支持性并不好(万恶的IE,好在你要渐渐退役了...).于是最近更据需求写了一个小型datalist插件,兼容到IE8(IE7应该没多少人用了吧?).实现的具体需求如下: 当被选中的时候(触发blur焦点)(不管是鼠标还是tab键)清空input框并且显示自定义的下拉列表,然后可以用键盘的上下键选择(鼠标当然肯定没理由不可以啦),单击鼠标左键或者enter键将选中的列表的值输入到input框. 具体的实现代码如下:

  • jQuery 操作input中radio的技巧

    通过jQuery获取页面中的所有radio对象,遍历页面中的radio,取消选中的标签,因为使用到jQuery时间,因此引用到了网上公共的js,这只是本人的一些总结,大神勿喷. <html> <head> <title>取消</title> <script language="javascript"> function _onclick() { $("input[name='ra']:checked").v

  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    1.jquery 获取单选组radio$("input[name='name']:checked").val(); 2.jquery获取radiobutton的下一个值$("input[name='name']:checked").next().text()$("input[name='name']:checked").val() 3.jquery 获取input的值$('#id').val() 4.jquery判断多选框checkbox$(&q

  • jQuery判断多个input file 都不能为空的例子

    例如有两个图片上传的 input,都必须上传图片: html 复制代码 代码如下: 选择文件 1 :<input type="file" name="myfile[]" class="myfile"> 选择文件 2 :<input type="file" name="myfile[]" class="myfile"> js 复制代码 代码如下: if($(&quo

  • jquery中radio checked问题

    今天太鬼火了为这个难问题搜了一下午了到最后还是csdn的朋友给了我正确的答案,谢谢这位朋友 // $("#ISOK1").checked = "checked"; // $("#ISOK1").attr("checked", true); //$("#Radio1").attr("checked", true); // $("#Radio1").checked = &

  • JQuery控制radio选中和不选中方法总结

    一.设置选中方法 复制代码 代码如下: $("input[name='名字']").get(0).checked=true; $("input[name='名字']").attr('checked','true'); $("input[name='名字']:eq(0)").attr("checked",'checked'); $("input[name='radio_name'][checked]").va

  • jquery单选框radio绑定click事件实现方法

    本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="

  • jQuery根据ID获取input、checkbox、radio、select的示例

    input: var xxx = $('#ID').val() --------------------------------------------------------------------------------- checkbox: var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(thi

  • jQuery多个input求和的实现方法

    本文实例讲述了jQuery多个input求和的实现方法.分享给大家供大家参考.具体实现方法如下: html页面代码如下: <td> <input name="add" id="add" readonly="readonly"/> </td> <pre name="code" class="html"><td> <input name=&quo

  • 利用jquery操作Radio方法小结

    在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴. 1.改变radio的选择,触发一些效果 复制代码 代码如下: $("input:radio[name='dialCheckResult']").change(function (){ //拨通 alert("123"); }); 2.让页面中所有的radio可用. $("input:radio").a

  • jQuery操作input type=radio的实现代码

    <input type="radio">如下: 复制代码 代码如下: <input type="radio" name="city" value="BeiJing">北京 <input type="radio" name="city" value="TianJin">天津 <input type="radio&quo

  • JQuery判断radio(单选框)是否选中和获取选中值方法总结

    一.利用获取选中值判断选中 直接上代码,别忘记引用JQuery包 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

随机推荐