jQuery判断按钮事件（radio、checkbox）

来源：互联网发布：域名注册哪个网站好编辑：程序博客网时间：2024/06/06 00:08

在这里小笨为大家整理了jQuery判断按钮事件

先介绍radio button 按钮的判断：
还是先来个栗子介绍：
上代码啦~~~

jQuery部分

<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>

HTML部分

<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>

其中：radio不能用“checked”相等来判断，只用用true来判断！！

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

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判断checkbox

方法一：if ($("#checkbox-id")get(0).checked) {    // do something}方法二：if($('#checkbox-id').is(':checked')) {    // do something}方法三：if ($('#checkbox-id').attr('checked')) {    // do something}

哈哈，这些就是总结的jQuery判断按钮事件（radio、checkbox）的方法

0 0