用jquery写一个id为d9的div下面单选按钮的选中事件
时间: 2023-03-27 20:04:03 浏览: 67
好的,我可以回答这个问题。您可以使用以下代码来实现:
$("#d9 input[type='radio']").change(function() {
if($(this).is(":checked")) {
// 选中事件的代码
}
});
这段代码会监听id为d9的div下面所有单选按钮的选中事件,当有单选按钮被选中时,会执行选中事件的代码。
相关问题
用jQuery写一个带判断id和token不为空的登录
好的,以下是一个用jQuery实现的带判断id和token不为空的登录示例代码:
```javascript
$('#login-btn').click(function() {
var id = $('#id-input').val();
var token = $('#token-input').val();
if (id && token) {
$.ajax({
url: 'login.php',
type: 'POST',
data: {
id: id,
token: token
},
success: function(response) {
// 登录成功后的处理
},
error: function(xhr, status, error) {
// 登录失败后的处理
}
});
} else {
alert('请输入ID和Token');
}
});
```
其中,`#login-btn`是登录按钮的ID,`#id-input`是输入ID的文本框的ID,`#token-input`是输入Token的文本框的ID。当点击登录按钮时,首先获取输入的ID和Token,然后判断它们是否为空,如果不为空则使用`$.ajax()`方法向服务器发送登录请求,否则弹出提示框提醒用户输入ID和Token。在服务器返回登录结果后,可以根据需要进行相应的处理。
二、使用 jquery 实现获得页面上的单选按钮选中值、多选按钮选中 值、下拉框选中
使用jQuery可以很方便地获取页面上各种表单元素的选中值。下面分别介绍如何获取单选按钮、多选按钮和下拉框的选中值。
1. 获得单选按钮的选中值:
jQuery提供了:checked选择器,可以找到页面上选中的单选按钮,并使用val()方法获取其值。示例如下:
HTML代码:
```
<input type="radio" name="gender" value="男"> 男
<input type="radio" name="gender" value="女"> 女
```
jQuery代码:
```
var gender = $("input[name='gender']:checked").val();
console.log(gender); // 输出选中的单选按钮的值
```
2. 获得多选按钮的选中值:
和单选按钮类似,多选按钮也可以使用:checked选择器来找到页面上选中的多选按钮,并使用val()方法获取其值。示例如下:
HTML代码:
```
<input type="checkbox" name="hobby" value="篮球"> 篮球
<input type="checkbox" name="hobby" value="足球"> 足球
<input type="checkbox" name="hobby" value="乒乓球"> 乒乓球
```
jQuery代码:
```
var hobbies = $("input[name='hobby']:checked").map(function(){
return $(this).val();
}).get();
console.log(hobbies); // 输出选中的多选按钮的值,以数组形式返回
```
3. 获得下拉框的选中值:
使用.val()方法可以获取下拉框选中的值。示例如下:
HTML代码:
```
<select id="city">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
<option value="深圳">深圳</option>
</select>
```
jQuery代码:
```
var city = $("#city").val();
console.log(city); // 输出选中的下拉框的值
```
总结:通过使用:checked选择器和.val()方法,我们可以很方便地获取页面上的单选按钮、多选按钮和下拉框的选中值。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)