首页
前端开发
Javascript
jQuery 表单元素操作与值获取

jQuery 表单元素操作与值获取

21 次浏览 0 条评论
doc
doc

概述如何使用 jQuery 获取和设置表单元素的值，包括 radio 按钮、复选框和下拉列表。

Radio 按钮

  • 获取选中值: $('input[name="radioName"]:checked').val();
  • 设置选中项: $('input[name="radioName"][value="targetValue"]').prop('checked', true);

复选框

  • 获取选中值(多选): javascript $('input[name="checkboxName"]:checked').map(function() { return $(this).val(); }).get();
  • 设置选中项:
    • 选中: $('input[name="checkboxName"][value="targetValue"]').prop('checked', true);
    • 取消选中: $('input[name="checkboxName"][value="targetValue"]').prop('checked', false);

下拉列表

  • 获取选中值: $('select[name="selectName"]').val();
  • 设置选中项: $('select[name="selectName"]').val('targetValue');
doc 文件大小：165.5KB