jquery 元素文本取值/赋值

jquery 元素文本取值/赋值

jquery 元素文本取值/赋值

select元素选中option值

$("#select1  option:selected").text();

$("select id或class  option:selected").text();

 
 

js获取select标签选中的值

var obj = document.getElementByIdx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值

 
 

单选按钮(Radio)当前选中项的值

var value  = $('input[name="radioName"]:checked').val(); //获取被选中Radio的Value值

<input type="radio" name="DoorCt" value="twoDoor" checked=”true”onclick="getValue()">Two  
<input type="radio" name="DoorCt" value="fourDoor" onclick="getValue()">Four

 
 

1 按照name属性获取该radio的集合

2 遍历集合中的每一项元素

3 获取元素的checked属性,是否为true,为true,返回其value值

function getValue(){  
    // method 1   
    var radio = document.getElementsByName("DoorCt");  
    for (i=0; i<radio.length; i++) {  
        if (radio[i].checked) {  
            alert(radio[i].value)  
        }  
    }  
}

 
 

这里使用alert(radio[i].value)是为了直观的效果,可以使用return radio[i].value 来返回value值。

细看一下getValue方法的实现。

var document.getElementsByName(“DoorCt”);

根据name属性,获取radio的集合,getElementsByName方法是document获取对象的三个方法之一,获取到的是集合。

紧接着 for (i=0;i<radio.length; i++) { 对集合中的元素开始遍历

if (radio[i].checked) { 遍历每一个元素时,检查一下元素的checked属性,是否为true,为true的,则是被选中的,将其值radio[i].value 值返回。

1
蜗牛不带伞
蜗牛不带伞
发表于2018-08-02 9:09
标签 JQuery取值赋值 归档于 JS