前端代码实现单选控制开关效果

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="checkbox">
<input type="checkbox" id="checkbox1" value="off"/><div id="checktext" style="float:right;margin-left:5px;">未确认</div>
</div> <button type="submit" onclick="EMAIL()" id="submit1" class="btn btn-default btn-primary" disabled="disabled">提交</button>
<script>
$(document).ready(function(){
  $("#checkbox1").change(function(){
  var checked = $(this).attr('value');
  if(checked=="on"){
  $("#checktext").text("未确认");
  $("#submit1").attr("disabled","disabled");
  $("#checkbox1").attr("value","off");
    }
else{
$("#checktext").text("已确认");
$("#submit1").attr("disabled",false);
$("#checkbox1").attr("value","on");
}
  });
});
</script>

代码实现案例：

https://ubstanpy.gitee.io/old_index.html【已抛弃】

【记录】准备抛弃的演示代码实现部分

参考资料：

https://www.runoob.com/jquery/