`
shush
  • 浏览: 15907 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQUERY获取text,areatext,radio,checkbox,select值

 
阅读更多
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框
分享到:
评论

相关推荐

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    jquery\jQueryAPI

    获取选中的下拉选项的值,可以使用`$('#sel').val()`,获取文本则使用`$("#testSelectoption:selected").text()`或`$("#testSelect").find('option:selected').text()`。设置选中项,可以使用`$("#sel").attr(...

    jQuery对表单元素的取值和赋值操作代码

    - 获取已选中单选按钮的值:`var valradio = $("input[type=radio]:checked").val()`。 3. **一组单选按钮(Radio)的取值**: - 获取一组名为“items”的单选按钮中被选中项的值:`var item = $('input[name=...

    jQuery插件:自动扩展文本域

    jQuery库可以在官方CDN(内容分发网络)上获取,例如:`&lt;script src="https://code.jquery.com/jquery-3.x.y.min.js"&gt;&lt;/script&gt;`,这里的"3.x.y"是对应版本号。 接下来,我们需要一个jQuery插件来实现自动扩展。...

    textarea焦点的用法实现获取焦点清空失去焦点提示效果

    在实际应用中,我们常常需要对textarea进行一些交互性的处理,例如在textarea获取焦点时清空内容,失去焦点时显示提示信息等。下面将详细解释如何实现这样的效果。 首先,我们来看一个具体的例子: ```html 备注...

    textarea显示行号

    接下来,你需要在`textarea`元素上应用插件,这可以通过jQuery或者其他类似的库来完成。例如,如果你的`textarea`ID是`codeEditor`,可以这样应用插件: ```javascript $(document).ready(function() { $('#code...

    markdown-textarea-react:允许用户在textarea表单字段中编写markdown语法并预览结果

    markdown-textarea-react Node Package ,该Node Package显示一个textarea表单输入,该输入接受... let [ textValue , setTextValue ] = useState = ( "" ) ; return ( &lt; MarkdownTextarea source = {

    在textarea文本域中显示HTML代码的方法

    这是一个iframe 的 给你一个参考的:  代码如下:  &lt;iframe ID=”tryit” MARGINHEIGHT=”1″ MARGINWIDTH=”1″ width=”100%” height=”300″ scrolling=”auto”&gt;&lt;/iframe&gt;   ...

    ArcGIS数据格式转换(MapInfo的TAB向shapefile转换)

    解决方法是先删除一个要素类(例如areatext),然后重新选择输入要素类,此时将只显示非空的要素类。 3. **路径不匹配的问题** - **问题描述**:如果输出文件夹的路径与待转换的要素类的上级路径不一致,可能会...

Global site tag (gtag.js) - Google Analytics