jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作:
function get_form_value(){
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value")；
/*获取下拉列表的值*/
var selectval = $('#select_id').val();
}
//控制表单元素：
//文本框，文本区域：
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox：
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio：
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select：
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option>
<option value='test2'>test2</option>").appendTo("#select_id")
//添加下拉框的option
$("#select_id").empty()；//清空下拉框
jquery 实现checkbox选中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
function CheckedHandler(){
var strVal = [];
$(":checked").each(function(){
strVal.push($(this).val());
});
$("#txtcheckbox").val(strVal);
alert(strVal.length + " " + strVal);
}
</script>
</head>
<body>
<table>
<tr>
<tr>
<td height="30">
<input type="checkbox" class="chbox" value="有风度" /><label>有风度</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chbox" value="威严" /><label>威严</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chbox" value="亲切" /><label>亲切</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chbox" value="血性汉子" /><label>血性汉子</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chbox" value="小白脸" /><label>小白脸</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chbox" value="绅士气质" /><label>绅士气质</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chbox" value="肤白" /><label>肤白</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" class="chbox" value="黝黑" /><label>黝黑</label>
</td>
</tr>
<td>
<input id="txtcheckbox" type="text" />
<input name="btn" type="button" onclick="CheckedHandler();" value="提交" />
</td>
</table>
</body>
</html>
分享到：
相关推荐
jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
### 获取表单元素值 1. **文本框和文本区域**： 使用`$("#txt").attr("value")`可以获取文本框或文本区域的当前值。如果需要清空或填充内容，可以使用`$("#txt").attr("value", '')`来清空，`$("#txt").attr(...
- 获取复选框的值：`var checkboxval = $("#checkbox_id").attr("value")`。 5. **下拉列表（Select）的取值**： - 获取下拉列表的值：`var selectval = $('#select_id').val()`。 6. **下拉列表的操作**： - ...
在IT领域，jQuery是一个广泛使用的JavaScript库，它极大地简化了DOM操作、事件处理、动画制作等任务。本文将深入探讨jQuery插件中的一个特定应用——“自动扩展文本域”（Auto-Expanding Textarea），该功能常用于...
Node Package ，该Node Package显示一个textarea表单输入，该输入接受markdown语法并将值转换为html 安装 npm i markdown-textarea-react 基本用途 import React , { useState } from "react" ; import { ...
在实际应用中，我们常常需要对textarea进行一些交互性的处理，例如在textarea获取焦点时清空内容，失去焦点时显示提示信息等。下面将详细解释如何实现这样的效果。 首先，我们来看一个具体的例子： ```html 备注...
接下来，你需要在`textarea`元素上应用插件，这可以通过jQuery或者其他类似的库来完成。例如，如果你的`textarea`ID是`codeEditor`，可以这样应用插件： ```javascript $(document).ready(function() { $('#code...
这是一个iframe 的 给你一个参考的： 代码如下: <iframe ID=”tryit” MARGINHEIGHT=”1″ MARGINWIDTH=”1″ width=”100%” height=”300″ scrolling=”auto”></iframe> ...
解决方法是先删除一个要素类（例如areatext），然后重新选择输入要素类，此时将只显示非空的要素类。 3. **路径不匹配的问题** - **问题描述**：如果输出文件夹的路径与待转换的要素类的上级路径不一致，可能会...