如果解析为colxs或colsm，那么引导程序中禁用响应表单字段的正确方法是什么

what is the correct way in bootstrap to disable responsive form fields if the resolution is col-xs or col-sm?

本文关键字：表单 响应 字段 是什么 方法 引导程序 colxs colsm 如果      更新时间：2023-09-26

我似乎无法理解这一点。我有一个大约有20个输入值的表单字段，当我使用col-md或col-lg时会显示这些值，但对于较小的分辨率（col-xs和col-sm），我希望使用下拉列表。

现在，当我简单地用hidden-sm或hidden-xs隐藏它们时，它们仍然在表单中，并且在提交时仍然会被处理，这意味着该值会被传递两次，一次作为单选框，另一次作为下拉框。

我想有这些问题的人比我多。对于较小的屏幕分辨率，完全禁用Bootstrap中的输入字段（而不仅仅是隐藏它们）的正确方法是什么？输入如下：

<input type="radio" name="category_id" value="1" id="cat1">
<input type="radio" name="category_id" value="2" id="cat2">
<input type="radio" name="category_id" value="3" id="cat3">
...

我想我刚刚回答了我自己的问题。耶！如果我做错了什么，或者可以改进，请纠正我，但以下似乎对我有效：

 $(window).resize(function() {
      if ($(window).width() < 992) {
         $( "input[name$='category_id'" ).prop( "disabled", true ); //Disable
      }
         else {
         $( "input[name$='category_id'" ).prop( "disabled", false ); //Enable
      }
  });
相关文章：