如果分辨率是col-xs或col-sm，那么在bootstrap中禁用响应式表单字段的正确方法是什么？

Question

我似乎无法绕过这个。我有一个包含大约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">
...

Answer 1

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

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