jQuery中radio和checkbox的选中的另一种方式

简介:

<head>
    <title></title>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("input[name=sports]").val(["足球", "篮球"]);

            $("input[name=gender]").val(["男"]);
        });
    </script>
</head>
<body>
    
    <input type="radio" name="gender" value="男"/>男
    <input type="radio" name="gender" value="女"/>女
    <br /><br />
    <input type="checkbox" name="sports" value="足球"/>足球
    <input type="checkbox" name="sports" value="篮球"/>篮球
    <input type="checkbox" name="sports" value="乒乓球"/>乒乓球
    <input type="checkbox" name="sports" value="棒球"/>棒球
    <input type="checkbox" name="sports" value="乒乓球"/>乒乓球
</body>

上述的jQuery代码就把值为方括号里内容的控件选中了。

 

我们平时是这么干的

$('input:radio:first').attr('checked', 'checked');

或者

$('input:radio:first').attr('checked', 'true');

目录
相关文章
|
JavaScript
jQuery数据结构渲染(4):复选框checkbox赋值
jQuery数据结构渲染(4):复选框checkbox赋值
68 1
|
JavaScript
jQuery 复选框 checkbox 取值和赋值
jQuery 复选框 checkbox 取值和赋值
140 0
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
55 0
|
JavaScript Java
jQuery点击checkbox选择标签到指定的位置
jQuery点击checkbox选择标签到指定的位置
54 0
|
JavaScript
JQuery 判断radio是否有选中,获取选中的值demo示例(整理)
JQuery 判断radio是否有选中,获取选中的值demo示例(整理)
|
JavaScript 索引
jquery 获取或设置radio单选框选中值的方法
jquery 获取或设置radio单选框选中值的方法
645 0
|
JavaScript 前端开发
一行jQuery代码搞定checkbox 全选和全不选
一行jQuery代码搞定checkbox 全选和全不选
|
JavaScript
jquery 使用attr方法对checkBox进行全选和反选操作
一次点击按钮进行全选的时候,checkbox全部选中;再次点击的时候,checkbox取消选中。 第二次,第三次,之后再点击,没有效果,代码也执行。checkbox的checked属性也改变,但是checkbox就是没有 被选中。问题解决办法是把红色部分中的attr方法修改
138 0
|
JavaScript 前端开发
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
280 0
|
JavaScript
jquery操作radio单选按钮,实现取值,动态选中,动态删除的各种方法
  本文主要讲的是在jquery里操作表单radio单选按钮的各种方法,如获取选中的radio的值,动态选中指定的radio项等。 1.获取选中的radio单选按钮的值: var v=$(":radio[name='aijquery']:checked").
1622 0