Javascript 如何让用户在移动到其他选项之前选择第一个选项

Javascript 如何让用户在移动到其他选项之前选择第一个选项,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的html页面中有3个选项。第一个是复选框,第二个是单选按钮,第三个是滑块。用户应首先选择复选框,然后选择单选按钮和滑块。如何使用jquery为此编写条件?您可以检查复选框是否选中,然后根据此选项做出决定 if($('#yourcheckboxid').prop("checked") == true) { //allow to do other stuff } else { //code to prevent other activities } 如果输入从未检查更改为已检

我的html页面中有3个选项。第一个是复选框,第二个是单选按钮,第三个是滑块。用户应首先选择复选框,然后选择单选按钮和滑块。如何使用jquery为此编写条件?

您可以检查复选框是否选中,然后根据此选项做出决定

if($('#yourcheckboxid').prop("checked") == true)
{
     //allow to do other stuff
}
else
{
    //code to prevent other activities
}
如果输入从未检查更改为已检查,则可以简单地进行检查,然后根据需要执行任何操作。比如说

//默认情况下禁用 $“无线电输入”。已禁用,为真; $'slider input'.propdisabled,true; //检查复选框是否更改为未选中 $“复选框输入”。在“更改”功能上{ //而不是单选按钮 如果$this.propchecked==true{ $'radio input'。已禁用,错误; } }; //检查收音机是否从“未选中”更改为“已选中” $“无线电输入”。在“更改”功能上{ //而不是取消选中滑块 如果$this.propchecked==true{ $'slider input'.propdisabled,false; } }; div{ 填充:10px; 边框:1px实心eee; } 复选框 复选框 无线电广播 无线电广播 滑块 功能重置收音机复选框{ var buttons=document.querySelector'.buttons'; var radios=document.getElementsByName'chkPassPort'; 收音机[0]。选中=真; 如果checkbox.checked==true{ buttons.style.display='block'; } 否则{ buttons.style.display='none'; } } 函数ShowHideDiv{ var chkYes=document.getElementByIdchkYes; var dvPassport=document.getElementByIdsliderDiv; dvPassport.style.display=chkYes.checked?块:无; } .按钮{ 显示:无; } 选中以显示单选按钮 选择“是”以显示滑块 不 对 这是滑块
您尝试过什么吗?请澄清您的问题。初始隐藏另外两个元素,当用户选中/取消选中复选框时,然后显示/隐藏它们显示您的代码首先隐藏元素,仅当前一个元素具有值时才显示它们\