您现在的位置是:网站首页 > 心得笔记

js获取多选框、复选框、下拉框的值

盛悦2019-01-16525人围观
简介在项目中,经常遇到需要获取多选框、复选框、下拉框的值或者获取其选中的值,这里整理了几个常用的

在项目中,经常遇到需要获取多选框、复选框、下拉框的值或者获取其选中的值,这里整理了几个常用的:


1、获取单选框选中的值

var val=$('input:radio[name="type"]:checked').val();

2、获取复选框选中的值

$("input[name='chkSon']:checked").each(function (i) {
            chkSon[i] = $(this).val();
        });

3、判断复选框是否被选中

$("input[name='is_promote']").is(':checked');

4、多个select级联时,获取每个select选中的option值

var selectedValues = [];
    $("select option:selected").each(function(){
        selectedValues.push($(this).val());
    });
    console.log(selectedValues);

5、获取select下选中的select

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



说到js,我还想说几个小的知识点:


1、js刷新页面(window.location.reload()与window.location.reload(true)的区别)

  window.location.reload() //会先判断页面文件是否有修改  有修改就从服务器端下载页面,没有就直接从缓存里拿
  window.location.reload(true) //无论文档的最后修改时间是什么时候 它都会绕过缓存 直接从服务器端下载页面文档

2、js中的attr()和prop()

attr()  //attribute   at强加   tribute给予  外部强加的属性  attr表示HTML中给DOM添加上去的属性,即自定义属性 
prop()  //property    prop自己的 自己固有的属性  ,prop表示HTML中DOM固有属性;
 
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他的使用 attr()