`
dennisbing
  • 浏览: 159164 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery 取得checkbox值

 
阅读更多

页面代码:
<table style="background-color:#E1EFFD;width:90%">
   <tr><td>网友微博需满足:</td></tr>
   <tr>
     <td style="padding-left:100px;">
          <input type="checkbox" name="chk_things[]" value="1"/>&nbsp;已上传头像&nbsp;
     </td>
   </tr>
   <tr>
                                    <td style="padding-left:100px;">
          <input type="checkbox"  name="chk_things[]" value="2"/>&nbsp;已绑定手机&nbsp;
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding-left:100px;">
          <input type="checkbox" name="chk_things[]" value="3" />&nbsp;注册时间超过&nbsp;
          <input type="text" id="input_reg_time" style="width:80px;" name="f_time">天
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding-left:100px;">
        <input type="checkbox" name="chk_things[]" value="4"/>&nbsp;微博数超过&nbsp;
                                        <input type="text" id="input_weibo_count" style="width:80px;" name="weibo_count"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding-left:100px;">
        <input type="checkbox" name="chk_things[]" value="5"/>&nbsp;粉丝数超过&nbsp;
        <input type="text" id="input_fans_count" style="width:80px;" name="fans_count"/>
                                    </td>
                                </tr>
                            </table>
//判断checkbox当前是否选中
    var chk_faceicons = $("input[name='faceicons']").attr("checked");
    if(chk_faceicons == true){
        alert('选中状态,而且true不能写成“true”,因为带引号就成字符串了');
    }else if(chk_faceicons == false){
        alert("没有选中");
    }


//把页面中的checkbox选择项拼成字符串传递过去
    var checks = "";
    $("input[name='chk_things[]']").each(function(){
        if($(this).attr("checked") == true){
            checks += $(this).val() + "|";
        }
    })

//验证reg_days是否输入的是数字
    var reg_days = $('#rtime').val();
    if(reg_days != ''){
        if(!/^[-]?\d+$/.test(reg_days)){
            alert("请准确输入所填项!");
            return false;
        

分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    jquery获取checkbox选中的值

    在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    jQuery获取checkbox选中的值

    在使用jQuery时,有多种方法可以获取用户选中的checkbox值。本知识点将深入探讨如何使用jQuery获取选中的checkbox值,以及如何控制checkbox的选中状态。 ### jQuery获取选中的checkbox值 1. **理解checkbox的使用...

    jquery 对checkbox的操作

    在表单提交时,jQuery可以帮助获取已选中的checkbox值。例如: ```javascript $("form").submit(function(e) { e.preventDefault(); // prevent default form submission var selectedCheckboxes = $("input[type=...

    JQuery操作checkbox、radio等示例

    6. **获取选中的值**:对于radio,可以使用`.filter(":checked")`选择当前选中的元素,然后通过`.val()`获取其值。例如,`$("input[type=radio]:checked").val()`会返回当前选中的radio的值。 7. **设置默认值**:...

    jquery获取表单值

    ### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...

    jquery之checkbox操作(v1.0.0)

    获取用户选中的checkbox值,可以使用`.is(':checked')`来判断是否被选中,然后使用`.val()`获取其值。以下是一个简单的示例: ```javascript var selectedOptions = []; $('input[type="checkbox"]:checked').each...

    用Jquery获取checkbox多个选项详解

    在本文中,我们将深入探讨如何使用jQuery来获取和操作HTML页面上的多个复选框(checkbox)选项。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画效果。对于初学者来说,理解和掌握如何使用jQuery...

    jQuery获取checkboxlist的value值的方法

    至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法。 先看看原始的页面html代码: &lt;input type=button id=btnShow value=显示选中值 /&gt; 下面我们绑定check

    jquery checkbox 选中 取消 checkbox多选

    本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`&lt;input&gt;`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...

    jquery获取checkbox的值并post提交

    在本示例中,我们探讨了如何使用jQuery获取复选框(checkbox)的值,并通过POST方法将其提交到服务器。这个功能在数据选择、用户确认操作或表单提交等场景中非常常见。 首先,HTML部分创建了一个包含四个值为1、2、...

    jQuery操作checkbox

    获取选中的checkbox的值,可以遍历所有checkbox,检查哪些被选中,并收集它们的value属性: ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each(function() { selectedValues.push...

    jquery 操作checkbox 和select

    3. 获取所有选中checkbox的值: 在多选的checkbox组中,可以用`:checked`选择器获取所有选中项的值: ```javascript $("input[type='checkbox']:checked").each(function() { console.log($(this).val()); }); ``` ...

    JQuery 设置checkbox值二次无效的解决方法

    但在使用JQuery操作checkbox时,尤其是在异步操作如ajax请求中,可能会遇到设置checkbox值失效的问题。下面将详细解析如何解决JQuery设置checkbox值二次无效的问题,并分享相关的知识点。 首先,需要了解JQuery中对...

    css+jquery带checkbox的输入框可模糊查询

    4. 当事件触发时,获取输入框的值,然后使用`filter()`函数过滤数据源。 5. 更新页面上对应的checkbox,根据过滤结果决定是否显示或隐藏。 在不支持IE8及以下浏览器的情况下,需要注意使用jQuery的兼容性版本,因为...

    JQuery对checkbox的操作 (01).zip

    综上所述,jQuery提供了丰富的API来操作checkbox,包括获取和设置选中状态、处理点击和改变事件,以及处理分组的checkbox。这些功能让开发者能更高效地创建动态、交互性强的Web应用。在实际项目中,结合HTML和CSS,...

Global site tag (gtag.js) - Google Analytics