Javascript 是否在选中和未选中的selectbox上隐藏和显示特定表单项？

我正在使用下面给定的代码隐藏和显示特定的表单项，但这不起作用，请告诉我代码中缺少了什么

HTML:

注意：我不能从html中添加或删除任何内容。我要做的就是用脚本。请帮忙

您可以与选择器一起使用来检查您的复选框是否已选中，因此请尝试使用：

if ($(this).is(':checked')) {

或纯javascript，使用：

if(this.checked)

而不是：

if ($(this).val() == '1') {

这样做：

if(this.checked)
{
// checked
}

else
{
// unchecked
}

对于您的情况：

   $(document).ready(function(){
    var selectBox = jQuery('#id_code_col');
    selectBox.change(function () {
        if (this.checked) {
          $('#id_FullColumn').show();
          $('#id_FirstColumn').hide();
          $('#id_SecondColumn').hide();

        }
        else {
          $('#id_FullColumn').hide();
          $('#id_FirstColumn').show();
          $('#id_SecondColumn').show();
        }
    });
    });

改变这个

 if ($(this).val() == '1') {

对此

 if (this.checked) {

因为您不必检查值是否为1，因为您的复选框没有任何值设置为1

因此，您必须使用checked方法检查该复选框的状态

   $(document).ready(function(){
    var selectBox = jQuery('#id_code_col');
    selectBox.change(function () {
        if (this.checked) {
          $('#id_FullColumn').show();
          $('#id_FirstColumn').hide();
          $('#id_SecondColumn').hide();

        }
        else {
          $('#id_FullColumn').hide();
          $('#id_FirstColumn').show();
          $('#id_SecondColumn').show();
        }
    });
    });

 if ($(this).val() == '1') {

 if (this.checked) {

$(document).ready(function () {
            var selectBox = jQuery('#id_code_col');
            selectBox.change(function () {
                if (this.checked) {
                    alert("checked");
                }
                else {
                    alert("unchecked");
                }
            });
        });

          $(function(){
                $('#id_code_col').change(function(){
                  if($(this.checked)){
                   alert('checked');
                    }else{
                     alert('unchecked');
                  }
                 });
           });