JQuery获取input checkbox

// 全选

    $(‘#allcheck‘).click(function(){

        $(‘input[name="check"]‘).prop(‘checked‘,‘true‘);
    });

    //反选
    $(‘#reversecheck‘).click(function(){
        $(‘input[name="check"]‘).each(function () {
            $(this).prop("checked", !$(this).prop("checked"));
        });

    });
被选中的值代码:

<html>
    <head>
        <meta charset="gbk">
        <!-- 引入JQuery -->
        <script src="jquery-1.3.1.js" type="text/javascript"></script>
    </head>

    <body>
        <input type="checkbox" value="橘子" name="check">橘子1</input>
        <input type="checkbox" value="香蕉" name="check">香蕉1</input>
        <input type="checkbox" value="西瓜" name="check">西瓜1</input>
        <input type="checkbox" value="芒果" name="check">芒果1</input>
        <input type="checkbox" value="葡萄" name="check">葡萄1</input>

        <input type="button" value="方法1" id="b1">
        <input type="button" value="方法2" id="b2">

    </body>

    <script>
        //方法1
        $("#b1").click(function(){
            //$(‘input:checkbox:checked‘) 等同于 $(‘input[type=checkbox]:checked‘)
            //意思是选择被选中的checkbox
            $.each($(‘input:checkbox:checked‘),function(){
                window.alert("你选了:"+
                    $(‘input[type=checkbox]:checked‘).length+"个,其中有:"+$(this).val());
            });
        });

        //方法2
        $("#b2").click(function(){
            $.each($(‘input:checkbox‘),function(){
                if(this.checked){
                    window.alert("你选了:"+
                        $(‘input[type=checkbox]:checked‘).length+"个,其中有:"+$(this).val());
                }
            });
        });
    </script>
</html>

  

时间: 2024-11-05 21:58:00

JQuery获取input checkbox的相关文章

如何用jquery获取&lt;input id=&quot;test&quot; name=&quot;test&quot; type=&quot;text&quot;/&gt;中输入的值?

如何用jquery获取<input id="test" name="test" type="text"/>中输入的值?$(" #test ").val()$(" input[ name='test' ] ").val()$(" input[ type='text' ] ").val()$(" input[ type='text' ]").attr(&quo

jquery获取input值的各种情况

jQuery获取多种input值的方法 获取input的checked值是否为true: 第一种: if($("input[name=item][value='val']").attr('checked')==true)  //判断是否已经打勾    --注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库中对应的id,最好写成如下方式: if($("input[name=row_c

JQuery获取input type=&quot;text&quot;中的值的各种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery获取文本框的值</title> <meta http-equ

jquery获取input表单值的代码

jquery取radio单选按钮的值$("input[name='items']:checked").val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items]

通过jQuery获取一组checkbox的选中项并显示在HTML页面中

这里是jQuery代码 $(function () { $("input[name=names]").click(function () { //获得所有的name=names的input,并给他们添加click监听事件 var arr = new Array(); $("input[name=names]:checked").each(function (key, value) { arr[key] = $(value).val(); }); $("#g

jquery获取input的value问题说明

刚开始接触jquery,很多东西不熟悉在用$("#id")来获得页面的input元素的时候,发现$("#id").value不能取到值 后来终于在伟大的百度帮助下,找到了问题的原因: 复制代码代码如下: $("")是一个jquery对象,而不是一个dom element value是dom element的属性 jquery与之对应的是val val() :获得第一个匹配元素的当前值. val(val):设置每一个匹配元素的值. 所以,代码应该这

Jquery获取input输入值的方式总结。

<span style="font-size:18px;">方法一. <html> <head> <script language="javascript"> function print(){ var a=myform.name.value; alert(a); } </script> </head> <body> <form name="myform"&

jquery 获取 input type radio checked的元素

.find('input:radio:checked'):.find("input[type='radio']:checked");.find("input[name='radio']:checked");.find("input[@name='radio'][checked]");.find("input[name='radio']").filter(':checked');

jquery获取input中输入的值?

$("#test").val() $("input[name='test']").val()$("input[type='text']").val()$("input[type='text']").attr("value")