开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

is(':checked')/this.checked不工作

is(':checked')/this.checked是jQuery和JavaScript中用于判断复选框是否被选中的方法。

在jQuery中，is(':checked')方法可以用于检查复选框是否被选中。它返回一个布尔值，如果复选框被选中则返回true，否则返回false。

在JavaScript中，可以使用this.checked来获取复选框的选中状态。当复选框被选中时，this.checked的值为true，否则为false。

这两个方法通常用于处理表单验证、动态显示隐藏元素、根据复选框状态执行不同的操作等场景。

以下是is(':checked')/this.checked的应用示例：

表单验证：

if ($('#checkbox').is(':checked')) {
  // 复选框被选中，执行相应操作
} else {
  // 复选框未被选中，提示错误信息
}

// 或者使用JavaScript
if (document.getElementById('checkbox').checked) {
  // 复选框被选中，执行相应操作
} else {
  // 复选框未被选中，提示错误信息
}

动态显示隐藏元素：

$('#checkbox').change(function() {
  if ($(this).is(':checked')) {
    $('#element').show();
  } else {
    $('#element').hide();
  }
});

// 或者使用JavaScript
document.getElementById('checkbox').addEventListener('change', function() {
  if (this.checked) {
    document.getElementById('element').style.display = 'block';
  } else {
    document.getElementById('element').style.display = 'none';
  }
});

总结： is(':checked')/this.checked是用于判断复选框是否被选中的方法，可以在jQuery和JavaScript中使用。它们在表单验证、动态显示隐藏元素等场景中非常有用。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Javascript 原生全选反选不选实战练习

body> 全选不选...This.checked = false : This.checked = true; }; }; } 学习原生JS的关键点，就是，思路思路思路！...= true; break; case "ClearAll": // 全不选 This.checked...= false; break; case "ReCheck": // 反选 This.checked...This.checked = false : This.checked = true; break; } }; }; }

7993 0

Windows凭据不工作

如果不是敲错IP、用户名、密码，报凭据不工作，一般情况下执行这几句命令后重启远程服务就正常了第1句：REG ADD "HKLM\SOFTWARE\Policies\Microsoft\Windows NT...用户名或密码敲错了或复制粘贴的时候带了多余的字符，或者键盘兼容性问题，我曾遇到过横排数字键和右侧数字键区，按键不符合预期的情况（可能没按出来值，也可能按出来跟预期的值不一样）2、用户名、密码正确，通过vnc能进入系统，通过远程就是报凭据不工作上次我遇到个

5.8K2 0

Vue 复选框 checkbox 全选与取消全选

table class="table table-bordered"> <input type="checkbox" id="checkbox" v-model="<em>checked</em>...:false, }, methods: { changeAllChecked: function() { if (<em>this.checked</em>) { var collectionList...: function() { console.log(this.checkedNames+"---"+this.collectionList+"----"+this.checked...); if (this.checkedNames.length == this.collectionList.length) { this.checked = true } else... { this.checked = false } } } }) 效果：

2.5K2 0

html全选单选练习

click(function (){ $(":checkbox[name='items']").each(function (){ this.checked...this.checked; }); var length = $(":checkbox[name='items']").length;...var xuanzhong = $(":checked[name='items']:checked").length; $("#check").prop("checked...]").prop("checked",this.checked); }); $(":checked[name='items']").click(function...[name='items']:checked").length; $("#check").prop("checked",length==xuanzhong);

7561 0

5-Jquery学习五-表单验证

="submit" value="提交"> //方式一：利用键盘事件和鼠标事件限定只能输入数字 //只能输入数字，不包含小数点..."checkbox8">checkbox8 $("document").ready(function(){ $("#all").click(function(){ if(this.checked...){ $("input[name='checkbox']").each(function(){this.checked=true;}); $("#btn1").attr("value"...,"反选"); }else{ $("input[name='checkbox']").each(function(){this.checked=false;}); $(...) { $(this).removeAttr("checked"); }else{ $(this).attr("checked",'true'); } }); })

1.1K12 0

jquery实现全选反选批量删除效果

click",function(){ var oin=$("input[type='checkbox']") oin.each(function(){ $(this).prop("checked...click",function(){ var oin=$("input[type='checkbox']") oin.each(function(){ $(this).prop("checked...function(){ // 获取节点 var oin=$("input[type='checkbox']") oin.each(function(){ this.checked...this.checked }) }) // 批量删除 $(".del").on("click",function(){ var sele=$("...:checkbox:checked") if (sele.length>0) { sele.each(function(){ $(this).parent()

671 0

javascript计算两个日期之间相差多少天

function docChkBoxChange(){ var isChecked = jQuery('#docChkBoxTop').attr('checked...设置以下所有的 checkBox 列表 jQuery("input[name=docChkBox]").each(function(){ this.checked...打印所有的选中项目 function printChoose(){ var isChecked = jQuery('#docChkBoxTop').attr('checked...设置以下所有的 checkBox 列表 jQuery("input[name=docChkBox]").each(function(){ if(this.checked

1.5K0 0

Jquery实现checkbox全选取消权限

text/javascript"> $(function() { $("#checkAll").click(function() { console.log(this.checked...); $('input[name="subBox"]').attr("checked",this.checked); });...input[name='subBox']"); $subBox.click(function(){ $("#checkAll").attr("checked...",$subBox.length == $("input[name='subBox']:checked").length ?

1.5K4 0

排他思想及部分案例

getElementsByTagName('input'); // 全选按钮注册事件 j_cbAll.onclick = function() { // this.checked...当前复选框的选中状态 console.log(this.checked); for (var i = 0; i < j_tbs.length...; i++) { j_tbs[i].checked = this.checked; } } /...j_tbs[i].checked) { flag = false; break; ...} } // 设置全选按钮的状态 j_cbAll.checked = flag;

1.1K2 0

js用于树型结构级联选择支持三态级联选择

arr.length; i++){ var input = arr[i] if(input.type == 'checkbox'){ input.checked... = this.checked } } var li = li.parentElement.parentElement while(li.tagName.toLowerCase... var input = li.childNodes[0] if(input.tagName.toLowerCase() == 'input'){ input.checked... = this.checked } li = li.parentElement.parentElement } } 更新：支持三态级联选择

2.5K9 0

checkbox 全选和取消

//全选 $("#checkall").click(function () { if (this.checked) {...//如果当前点击的多选框被选中 $('input[type=checkbox][name=checkitems]').prop("checked", true);...} else { $('input[type=checkbox][name=checkitems]').prop("checked...this.checked) { flag = false; } });...$('#checkall').prop('checked', false); } });

1.8K4 0

DataGrid和CheckBox的混合使用

依然是使用服务器的事件来完成我们的工作,这次有些不同我们将这个CheckBox放到DataGrid中对应CheckBox的列的页眉上(header).我们给这个模板列的题头上添加一个CheckBox控件利用它来完成和...1中相同的工作,只是过程稍微有些不同.首先我们需要一个DataGrid来表现我们的程序,该DataGrid在Html页上的代码如下: // 只显示主要的下面的不写了...(CheckBox)e.Item.FindControl("chkAll"); chk.Attributes.Add("onclick","javascript:return SelectAll(this.checked...CheckBox)e.Item.FindControl("chkDelete"); chk.Attributes.Add("onclick","javascript:return SelectAll(this.checked

1.3K9 0

JavaScript案例：表格隔行变色效果及表单全选取消全选

function() { this.className = ''; } } 表单全选取消全选案例分析全选和取消全选：让下面所有复选框的checked...getElementsByTagName('input'); // 下面所有的复选框 // 注册事件 j_cbAll.onclick = function() { // this.checked...它可以得到当前复选框的选中状态如果是true 就是选中，如果是false 就是未选中 console.log(this.checked);...for (var i = 0; i < j_tbs.length; i++) { j_tbs[i].checked = this.checked;...因为只要有一个没有选中，剩下的就无需循环判断了 } } j_cbAll.checked = flag

1.7K2 0

RDP你的凭据不工作RDP密码不刷新

新电脑使用Microsoft账号登录后，RDP提示“你的凭据不工作” 在修改Microsoft账户密码后，RDP的密码一直不更新在Microsoft账户开启无密码后，RDP无法使用如果你不属于上述的情况

12.5K3 0

全选，反选

发送 //全选，取消全选 $("#checkall").click( function(){ if(this.checked...){ $("input[name='user']").prop('checked', true); }else{...$("input[name='user']").removeAttr("checked"); } } ); function checkAll(obj)...(userids.length); for (var i = 0; i < userids.length; i++) { userids[i].checked = obj.checked...= true; } else { //设置id为all复选框不选中 document.getElementById("all").checked = false

1.7K3 0

java开发_jcrop_网页截图工具(插件)

(){ 35 if (this.checked) $('#shadetxt').slideDown(); 36 else $('#shadetxt').slideUp...(); 37 jcrop_api.setOptions({ 38 shade: this.checked 39 }); 40...this.checked }); 156 jcrop_api.focus(); 157 }); 158 $('#can_move').change(function...this.checked }); 164 jcrop_api.focus(); 165 }); 166 $('#ar_lock').change(function...(e) { 167 jcrop_api.setOptions(this.checked?

1.3K3 0

jQueryjavascript实现全选全不选

14 $("#all").click(function(){ 15 // this 全选的复选框 16 var userids=this.checked...//获取name=box的复选框遍历输出复选框 18 $("input[name=box]").each(function(){ 19 this.checked...=true; 31 }else{ 32 $("#all").get(0).checked=false; 33 }...=obj.checked; 18 } 19 } 20 21 function selectAll(){ 22 //获取name=box的复选框...=true; 35 }else{ 36 //设置id为all复选框不选中 37 document.getElementById("all")

1.4K10 0

jquery 插件的3种写法

// 选中该 radio jQuery.fn.extend({ check : function(){ return this.each(function(){this.checked...=true}) }, uncheck : function(){ return this.each(function(){this.checked=false})

4884 0

jquery的增删改查

",$(this).prop("checked")) // // }) //反选 $(".fx").on("click",function(){ $(":checkbox").each...(function(){ this.checked=!...this.checked }) }) //全不选 $(".qbx").on("click",function(){ //找到复选框 $(...":checkbox").prop("checked",false) }) //删除 $(".del").on("click",function(){ $(this).parent...").length==0) { alert("请至少选中一条") } else{ $(":checkbox:checked").each(function(){ $(this

911 0

jquery的数据增删改查（全选，反选，全不选，批量删除，添加信息）

){ var seleAll=$("input[type='checkbox']") seleAll.each(function(){ seleAll.prop('checked...click",function(){ var seleAll=$("input[type='checkbox']") seleAll.each(function(){ this.checked...this.checked }) }) //全不选 $(".noneSele").on("click",function(){...var seleAll=$("input[type='checkbox']") seleAll.each(function(){ seleAll.prop('checked'...}) }) //批量删除 $(".allDel").on("click",function(){ var allDel=$(":checkbox:checked

1681 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭