网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

jquery如何获取表单type="checkbox"复选框的值?

2021/9/20 22:00:49

jQuery 中非常重要的部分,就是操作DOM的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 我们通过以下例子来看看如何获取checkbox复选框的值。<!DOCTYPE html><html> <head> <title>…

        jQuery 中非常重要的部分,就是操作DOM的能力。

        jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。

        我们通过以下例子来看看如何获取checkbox复选框的值。

<!DOCTYPE html>
<html>
    <head>
        <title>jquery如何获取表单type="checkbox"复选框的值?www.woaidaogu.com</title>
        <script src="scripts/jquery/jquery-1.11.2.min.js"></script>
    </head>
    <body>
        <input type="checkbox" name="check" value="芒果" id="checkbox_id1">芒果
        <input type="checkbox" name="check" value="石榴" id="checkbox_id2">石榴
        <input name="check" type="checkbox" value="猕猴桃" checked="checked" id="checkbox_id3">猕猴桃
        <input type="button" value="点击" onclick="Show_checkbox()" />
        <script>
            function Show_checkbox() {
                //取得多选框值
                //多选框checkbox:$("#checkbox_id").attr("value");
                val3 = $("#checkbox_id3").attr("value");
                val2 = $("#checkbox_id2").attr("value");
                val1 = $("#checkbox_id1").attr("value");
                //多选框checkbox 不打勾
                $("#checkbox_id3").attr("checked", '');
                //多选择框checkbox打勾
                $("#checkbox_id1").attr("checked", false);
                $("#checkbox_id2").attr("checked", true);
                if($("#checkbox_id1").attr('checked') == undefined)
                    alert("没有选中!");
                else
                    alert("已经选中!");
            }
        </script>
    </body>
</html>

image.png


        通过以上内容我们知道了jquery如何获取表单type="checkbox"复选框的值,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...