Javascript 如果选中复选框，则激活字段
我是初学者，需要一些帮助。在我的代码中，我使用jQuery和语义ui。我尝试在选中复选框输入后激活文本输入 选中复选框后，类将从Javascript 如果选中复选框，则激活字段,javascript,jquery,checkbox,semantic-ui,Javascript,Jquery,Checkbox,Semantic Ui,我是初学者，需要一些帮助。在我的代码中，我使用jQuery和语义ui。我尝试在选中复选框输入后激活文本输入 选中复选框后，类将从class=“ui滑块复选框”更改为class=“ui滑块复选框已选中”。 要激活文本输入，我需要将class=“disabled field”更改为class=“field” 我研究了以下资源： 自闭症 默示 资料 $（'.ui.accordion'）.accordion（）； $（'.ui.dropdown'）.dropdown（）； $（'.ui.ch
class=“ui滑块复选框”class=“ui滑块复选框已选中”class=“disabled field”
自闭症
默示
资料
$（'.ui.accordion'）.accordion（）；
$（'.ui.dropdown'）.dropdown（）；
$（'.ui.checkbox'）.checkbox（）；
//这就是我试过的
if（$（“.ui.checkbox”）.is（“.ui.checkbox.checked”））
$（.ui.disabled.field”）.addClass（“.ui.field”）；//选中的
其他的
$（.ui.disabled.field”）.addClass（“.ui.disabled.field”）；//未经检查
$(".ui.checkbox").click(function () { // or .change
// Your script
});
<html>
<head>
<title> ASD</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.js"></script>
</head>
<body>
<div class="inline field">
<div class="ui slider checkbox">
<input type="checkbox" tabindex="0" class="hidden" />
<label>Imprumutata</label>
</div>
</div>
<div class="ui equal width form">
<div class="disabled field">
<label>Data</label>
<input placeholder="Data" type="text" disabled="" tabindex="-1" />
</div>
</div>
<script>
$('.ui.accordion').accordion();
</script>
<script>
$('.ui.dropdown').dropdown();
</script>
<script>
$('.ui.checkbox').checkbox();
</script>
<script>
$(".ui.checkbox").click(function () {
var fieldClass = $(".form .field").attr('class');
if( fieldClass == "disabled field"){
$(".form .field").attr('class', 'field');
}else{
$(".form .field").attr('class', 'disabled field');
}
});
</script>
</body>
</html>
自闭症
默示
资料
$（'.ui.accordion'）.accordion（）；
$（'.ui.dropdown'）.dropdown（）；
$（'.ui.checkbox'）.checkbox（）；
$（“.ui.checkbox”）。单击（函数（）{
var fieldClass=$（“.form.field”）.attr（'class'）；
如果（fieldClass==“禁用字段”）{
$（“.form.field”）.attr（'class'，'field'）；
}否则{
$（“.form.field”）.attr（'class'，'disabled field'）；
}
});