我有4个单选复选框，当我单击前3个复选框时，具有样式显示无的div将成为一个 block ，当我单击最后一个单选复选框时，它将变为显示无

    

    

        {{__('main.work_condition')}} : * 
    

    

         work_condition == 1)
            checked
        @endif />{{__('main.employee')}}
         work_condition == 2)
            checked
        @endif />{{__('main.retired')}}


         work_condition == 3)
            checked
        @endif />{{__('main.freelance')}}

         work_condition == 4)
            checked
        @endif />{{__('main.not_working')}}

    

这是样式为 display:none 的 div；

   

                

                    {{__('main.position_name')}} : *

                
                    


                 

                    

                
                    


                 

                    {{__('main.place')}} : *

                
                    



                 

                    

                
                    




    

问题是我不能给3个复选框相同的id，因为它只适用于第一个复选框，所以我在js中尝试了这个

$(document).ready(function () {

    $("input[name=work_condition]").each(function(index) {
        $(this).on("click", function(){
        console.log()
            text.style.display = "block";

        });
    });


});

这使得 div block ，我给出了最后一个单选按钮 id 并得到了它

      var checkBox1 = document.getElementById("myCheck");

document.getElementById('myCheck').onclick = function() {
// // access properties using this keyword
// console.log('a');

    if (this.checked) {
        // console.log('a');
          var text = document.getElementById("text");
 if (checkBox1.checked == true){                           
    text.style.display = "none";
  }
}

};

但它仍然不起作用:')任何人都可以帮助我，如果仅单击最后一个单选按钮并阻止其他 3 个单选按钮，我怎样才能使其不显示

câu trả lời hay nhất

这是一个使用 jQuery 的简单示例。

$(hàm () {
  // create an event handler for your radio buttons
  $('[name=work_condition]').change(function () {
    // show/hide div depending on value
    $('#div').toggle(this.value != 4); 
  });
});

1

2

3

4

1, 2 or 3 were selected

• .change为您的单选按钮创建一个事件处理程序

• .toggle(condition)根据条件显示或隐藏 jQuery 对象

关于javascript - 单选按钮复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50068852/