Fatal编程技术网
  • javascript/
  • Javascript 如何在选中复选框时切换文本，以及在不选中任何内容时隐藏文本

Javascript 如何在选中复选框时切换文本，以及在不选中任何内容时隐藏文本

javascript jquery

Javascript 如何在选中复选框时切换文本，以及在不选中任何内容时隐藏文本,javascript,jquery,hide,show,Javascript,Jquery,Hide,Show,选中复选框时，将显示文本Checked。取消选中所有复选框时，如何隐藏选中的文本 $（'.rafcheckbox'）。单击（函数（）{ $（“.rafoptions”）.show（）； }); 选中要执行此操作，您可以使用：选中的选择器和长度属性来确定是否选中了任何框。然后，您可以根据需要使用toggle（）隐藏/显示div var$复选框=$（'.rafcheckbox'）.change（函数（）{ var anyChecked=$checkbox.filter（“：checked”）.

选中复选框时，将显示文本
Checked
。取消选中所有复选框时，如何隐藏选中的文本

$（'.rafcheckbox'）。单击（函数（）{
$（“.rafoptions”）.show（）；
});



选中
要执行此操作，您可以使用
：选中的
选择器和
长度
属性来确定是否选中了任何框。然后，您可以根据需要使用
toggle（）
隐藏/显示
div



var$复选框=$（'.rafcheckbox'）.change（函数（）{
var anyChecked=$checkbox.filter（“：checked”）.length！=0；
$（“.rafoptions”）.toggle（anyChecked）；
});

.rafoptions{display:none；}




选中
您可以通过使用ES6中引入的
every（）
来实现这一点


$(".rafcheckbox").click(function() {
    let checkedInputs = [];
    $(".rafcheckbox").each(function() {
    checkedInputs.push(this.checked)});
    if(checkedInputs.every(element => !element))
        $(".rafoptions").hide();
    else
        $(".rafoptions").show();
});