总结jQuery对radio、checkbox和select的操作

1. 对于radio控件,jQuery提供了以下方法:
– val(): 获取或设置radio选中的值。
– prop(): 获取或设置radio选中状态。
– change(): 绑定radio选中状态改变事件。

例如,要获取选中的radio值,可以使用以下代码:

“`
var selectedValue = $(‘input[name=radioName]:checked’).val();
“`

要设置radio选中状态,可以使用以下代码:

“`
$(‘input[name=radioName][value=optionValue]’).prop(‘checked’, true);
“`

要绑定radio选中状态改变事件,可以使用以下代码:

“`
$(‘input[name=radioName]’).change(function() {
var selectedValue = $(this).val();
console.log(‘选中的值为:’ + selectedValue);
});
“`

2. 对于checkbox控件,jQuery提供了以下方法:
– val(): 获取或设置checkbox选中的值。
– prop(): 获取或设置checkbox选中状态。
– change(): 绑定checkbox选中状态改变事件。

例如,要获取选中的checkbox的值,可以使用以下代码:

“`
var selectedValues = $(‘input[name=checkboxName]:checked’).map(function() {
return $(this).val();
}).get();
“`

要设置checkbox选中状态,可以使用以下代码:

“`
$(‘input[name=checkboxName][value=optionValue]’).prop(‘checked’, true);
“`

要绑定checkbox选中状态改变事件,可以使用以下代码:

“`
$(‘input[name=checkboxName]’).change(function() {
var selectedValues = $(‘input[name=checkboxName]:checked’).map(function() {
return $(this).val();
}).get();
console.log(‘选中的值为:’ + selectedValues.join(‘, ‘));
});
“`

3. 对于select控件,jQuery提供了以下方法:
– val(): 获取或设置select选中的值。
– prop(): 获取或设置select选中状态。
– change(): 绑定select选中状态改变事件。

例如,要获取选中的select的值,可以使用以下代码:

“`
var selectedValue = $(‘select[name=selectName]’).val();
“`

要设置select选中状态,可以使用以下代码:

“`
$(‘select[name=selectName]’).val(‘optionValue’);
“`

要绑定select选中状态改变事件,可以使用以下代码:

“`
$(‘select[name=selectName]’).change(function() {
var selectedValue = $(this).val();
console.log(‘选中的值为:’ + selectedValue);
});
“`

Related Posts

  • 使用HTML5的拖放功能生成图片的Base64编码数据
  • 在Echarts中显示最大值、最小值和平均值
  • Vue前端编程基础第29节-表格操作入门
  • “Vue教程47-事件修饰符”
  • 使用Chrome DevTools在DOM中调试节点
  • 关于Vue,涉及计算属性、插槽、以及自定义事件相关的主题
  • 使用Three.js轨迹球插件(trackball)增强模型的交互性能
  • JavaScript ES6的标准规范
  • 使用Three.js导入OBJ格式的模型67
  • 初识 Express:介绍 Express 中间件功能
  • “利用jQuery Mobile开发移动网站”
  • 触发模态框
  • 以下是一篇关于Vue项目预渲染(prerender-spa-plugin)的开发日志
  • 第四十章的标题是Vue响应性语法糖的笔记,简称小满Vue3笔记
  • “利用JavaScript在网页上对ZIP文件进行解压并浏览其内容”
  • “JavaScript的简易工厂模式”