我需要CSS帮助编码切换按钮

Question

我已经制作了一个表单，我想拥有它，以便控制提交按钮的切换按钮。

如果切换按钮关闭，则“提交”按钮将被禁用并显示警告消息。如果切换按钮处于打开状态，则启用“提交”按钮。

我有可能有效的vb代码。我只需要以某种方式进行转换，但不知道如何。

Public Class Form1
Private Sub CheckBox1_CheckedChanged(sender As Object, e As EventArgs) Handles CheckBox1.CheckedChanged
    If CheckBox1.Checked = True Then
        Button1.Enabled = True
    End If
    If CheckBox1.Checked = False Then
        Button1.Enabled = False
    End If
End Sub

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
    If Me.Enabled = True Then
        Button1.Enabled = False
    End If
End Sub
End Class

这是我制作的Windows VB表单。我想将此代码转换为基于CSS代码的在线页面形式。这可能吗？

可悲的是，我不知道如何使用CSS对此进行编码。有人可以帮我吗。

Answer 1

HTML

<form> 
    <div class="checkbox">
        <label>
            <input type="checkbox" id="openCloseCheckbox" data-toggle="toggle" checked="checked" />
            Open Close Button
        </label>
    </div>
   <br/>
   <br/>
    <div>
        <input type="submit" id="submitButton" class="btn btn-default"/>
    </div>
</form>

JS / JQUERY

$("#openCloseCheckbox").change(function() {
    if(!this.checked) {
        $('#submitButton').attr("disabled","disabled");
    }else
    {
        $('#submitButton').removeAttr("disabled","disabled");
    }
});