欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery 选中或取消checkbox,radio标签,jquery获取select选中的文本值

程序员文章站 2022-04-05 18:01:22
...

一、checkbox的选中或取消

html:

<input type="checkbox" name= "checkbox" >

 

js

$('[name="checkbox"]').prop('checked', true) // 取消选中设置为false即可

 

二、radio的选中或取消

html:

<input type="radio" name="radio" value="0" >

<input type="radio" name="radio" value="1" >

js

1.通过索引选中

// 选中第二个,索引从0开始
$('[name="radio"]').eq(1).prop('checked', true) // 取消选中设置为false即可

2.通过值选中

// 选中值为1的raido
$('[name="radio"][value="1"]').prop('checked', true) // 取消选中设置为false即可

 

三、获取select选中的文本值

html(默认第二个选中)

<select id="select">
    <option value="1">a</option>
    <option value="2" selected>b</option>
    <option value="3">c</option>
    <option value="4">d</option>
</select>

js

$('#select option:selected').text() // 得到文本b