jquery 下拉选择框/复选框常用操作

Posted 2020-08-14

通常

1、我们需要获取select中选中的值，可以使用：

$("#selectID").find("option:selected").val();  --一般建议此用法，对应到bootstrap-selector，同样推荐此用法

获取option内容，可以：

$("#selectID").find("option:selected").text();

2、获取checkbox选中的值

$("input:checkbox[name=‘the checkbox name‘]:checked"); --可获取所有选中状态的checkbox集合

更多情况下，我们只需要得到其value就足够了。

此时可以

var spCodesTemp = "";

      $(‘input:checkbox[name=‘the checkbox name‘]:checked‘).each(function(i){

       if(0==i){

        spCodesTemp = $(this).val();

       }else{

        spCodesTemp += (","+$(this).val());

       }

      });

      $("#txt_spCodes").val(spCodesTemp);

console.log(spCodesTemp);