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

时间:2024-01-12 19:21:02

通常

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);