页面代码:
<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"/> 已上传头像
</td>
</tr>
<tr>
<td style="padding-left:100px;">
<input type="checkbox" name="chk_things[]" value="2"/> 已绑定手机
</td>
</tr>
<tr>
<td style="padding-left:100px;">
<input type="checkbox" name="chk_things[]" value="3" /> 注册时间超过
<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"/> 微博数超过
<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"/> 粉丝数超过
<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库。在`1.html`文件中,我们看到包含了一个名...
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
在使用jQuery时,有多种方法可以获取用户选中的checkbox值。本知识点将深入探讨如何使用jQuery获取选中的checkbox值,以及如何控制checkbox的选中状态。 ### jQuery获取选中的checkbox值 1. **理解checkbox的使用...
在表单提交时,jQuery可以帮助获取已选中的checkbox值。例如: ```javascript $("form").submit(function(e) { e.preventDefault(); // prevent default form submission var selectedCheckboxes = $("input[type=...
6. **获取选中的值**:对于radio,可以使用`.filter(":checked")`选择当前选中的元素,然后通过`.val()`获取其值。例如,`$("input[type=radio]:checked").val()`会返回当前选中的radio的值。 7. **设置默认值**:...
### jQuery 获取表单值 在Web开发中,jQuery作为一个非常流行的JavaScript库,简化了许多复杂的DOM操作,特别是对于表单数据的获取与处理方面提供了极大的便利。本文将详细讲解如何使用jQuery来获取不同类型的表单...
获取用户选中的checkbox值,可以使用`.is(':checked')`来判断是否被选中,然后使用`.val()`获取其值。以下是一个简单的示例: ```javascript var selectedOptions = []; $('input[type="checkbox"]:checked').each...
在本文中,我们将深入探讨如何使用jQuery来获取和操作HTML页面上的多个复选框(checkbox)选项。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理和动画效果。对于初学者来说,理解和掌握如何使用jQuery...
至于为什么不显示value值,我也不清楚,本篇给出一个用jQuery获取checkboxlist值的方法。 先看看原始的页面html代码: <input type=button id=btnShow value=显示选中值 /> 下面我们绑定check
本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`<input>`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...
在本示例中,我们探讨了如何使用jQuery获取复选框(checkbox)的值,并通过POST方法将其提交到服务器。这个功能在数据选择、用户确认操作或表单提交等场景中非常常见。 首先,HTML部分创建了一个包含四个值为1、2、...
获取选中的checkbox的值,可以遍历所有checkbox,检查哪些被选中,并收集它们的value属性: ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each(function() { selectedValues.push...
3. 获取所有选中checkbox的值: 在多选的checkbox组中,可以用`:checked`选择器获取所有选中项的值: ```javascript $("input[type='checkbox']:checked").each(function() { console.log($(this).val()); }); ``` ...
但在使用JQuery操作checkbox时,尤其是在异步操作如ajax请求中,可能会遇到设置checkbox值失效的问题。下面将详细解析如何解决JQuery设置checkbox值二次无效的问题,并分享相关的知识点。 首先,需要了解JQuery中对...
4. 当事件触发时,获取输入框的值,然后使用`filter()`函数过滤数据源。 5. 更新页面上对应的checkbox,根据过滤结果决定是否显示或隐藏。 在不支持IE8及以下浏览器的情况下,需要注意使用jQuery的兼容性版本,因为...
综上所述,jQuery提供了丰富的API来操作checkbox,包括获取和设置选中状态、处理点击和改变事件,以及处理分组的checkbox。这些功能让开发者能更高效地创建动态、交互性强的Web应用。在实际项目中,结合HTML和CSS,...