jquery 获取页面CheckBox、Select

茶杯的杯

已于 2024-06-21 14:14:30 修改

阅读量506

点赞数

分类专栏： js 文章标签： jquery javascript

于 2023-04-23 14:44:16 首次发布

本文链接：https://blog.csdn.net/weixin_42955679/article/details/130242342

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jquery 获取页面CheckBox、Select值

1、checkbox中的checked属性

 <input type="checkbox" id="carkind_1" name="carkind_1" value="1" />大型客车
 <input type="checkbox" id="carkind_2" name="carkind_2" value="2" />大型货车
 <input type="checkbox" id="carkind_3" name="carkind_3" value="3" />小型客车
 <input type="checkbox" id="carkind_4" name="carkind_4" value="4" />小型货车

1.1 判断是否选中和获取值

 var carkind = [];
 var carkind_1 = $("#carkind_1").prop("checked");
 var carkind_2 = $("#carkind_2").prop("checked");
 var carkind_3 = $("#carkind_3").prop("checked");
 var carkind_4 = $("#carkind_4").prop("checked");
 if (!carkind_1 && !carkind_2 && !carkind_3 && !carkind_4) {
   $wnd.Ext.example.msg("提示信息", '请至少选择一个车型!');
   return false;
 }

 if (carkind_1) {
   carkind.push($("#carkind_1").val());
 } if (carkind_2) {
   carkind.push($("#carkind_2").val());
 } if (carkind_3) {
   carkind.push($("#carkind_3").val());
 } if (carkind_4) {
   carkind.push($("#carkind_4").val());
 }

2. Select 的属性

给select 赋值

 $("#cuofengGroup").val("111");

获取select 选中值

var cuofengGroup = $("#cuofengGroup option:selected").val();

使用ajax给select 绑定值，

 			 $.ajax({
                  type: "post",
                  url: "/xxx/xxx?quxianId=" + QuxianId ,
                  dataType: "json",
                  async: false,
                  success: function (reData) {
                      console.log("reData", reData);
                      if (reData.success) {
                          var html = "";
                          for (var i = 0; i < reData.data.length;i++) {
                              html += "<option value='" + reData.data[i].groupID + "'>" + reData.data[i].groupName +"</option>";
                          }
                          $('#cuofengGroup').append(html);
                      }
                  }
              });