Question

您好我发现了这个小代码，我想知道您如何检测用户输入是关闭还是开启？使用Jquery或JS，

这是一段代码，以及指向我小提琴的链接。

#check {
-webkit-appearance: none;
border-radius: 50px;
display: inline-block;
background: #51bd9f;
width: 70px;
height: 30px;
position: relative;
cursor: pointer;
}

Fiddle

Answer 1

查询是否打开或关闭的jquery：

$('#check').on('click',function(){
    if($(this).prop('checked')==true){
        //off
    }else{
        //on
    }
});

Answer 2

为“click”事件设置侦听器。并使用.prop（'checked'）确定是否开启。

$( '#check' ).on( 'click', function( event ) {
    var status = $( this ).prop( 'checked' ) ? 'off' : 'on';
    alert( status );
});

更新了JSFiddle： https://jsfiddle.net/richardgirges/k5r4byad/4/

Answer 3

这是javascript的方法。

<script type="text/javascript">
function validate() {
    if (document.getElementById('check').checked) {
        alert("checked");
    } else {
        alert("Unchecked");
    }
}
</script>

将您的input标记修改为..

<input id="check" type="checkbox" onclick="validate()"></input>

也是一个有效的JSFiddle。如果需要，您可以修改它。

开关检测开关

3 个答案: