JQuery判断radio（单选框）是否选中和获取选中值

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

jQuery radio

打开边栏(ESC) 关闭边栏(ESC)

一、利用获取选中值判断选中

直接上代码，别忘记引用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">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>JQuery radio</title>
 <script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
 <script type="text/javascript" language="javascript">
  /*------判断radio是否有选中，获取选中的值--------*/
     $(function(){
          $("#btnSubmit").click(function(){
             var val=$('input:radio[name="sex"]:checked').val();
             if(val==null){
                 alert("什么也没选中!");
                 return false;
             }
             else{
                 alert(val);
             }
             var list= $('input:radio[name="list"]:checked').val();
             if(list==null){
                 alert("请选中一个!");
                 return false;
             }
             else{
                 alert(list);
             }           
         });
      });
 </script>
 </head>
  
 <body>
 <form id="form1" >
 <input type="radio"  name="sex" value="男" />男
 <input type="radio" name="sex" value="女" />女
 <br />
 <input type="radio"  name="list" value="十分满意" />十分满意
 <input type="radio" name="list" value="满意" />满意
 <input type="radio" name="list" value="不满意" />不满意
 <input type="radio" name="list" value="非常差" />非常差
 <br />
 <input type="submit" value="submit"  id="btnSubmit" />
 </form>
 </body>
 </html>

二、使用checked属性判断选中

radio不能用“checked”相等来判断，只用用true来判断

<script type="text/javascript">
         $(function () {
             $("input").click(function () {
                 if ($(this).attr("checked")) {
                     alert("选中了");
                 }
             });
         });
     </script>
 </head>
 <body>
 <input type="radio"/>
 </body>
 </html>

三、jquery获取radio单选按钮的值

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

另：判断radio是否选中并取得选中的值

function checkradio(){ 
var item = $(":radio:checked"); 
var len=item.length; 
if(len>0){ 
  alert("yes--选中的值为："+$(":radio:checked").val()); 
} 
}

四、获取一组radio被选中项的值

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

五、设置单选按钮被选中

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

赏

前一篇

jquery去掉onclick事件

后一篇

“最难不过坚持”

本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作

jquery去掉onclick事件

jquery输入数字自动补全小数点效果