`
jhyimu2005
  • 浏览: 181643 次
  • 性别: Icon_minigender_2
  • 来自: 苏州
社区版块
存档分类
最新评论

根据name获取select checkbox的值

    博客分类:
  • jsp
阅读更多
$("[name='objName']").val() ;

<select name='sel0'>.....</select>
<select name='sel1'>.....</select>
<select name='sel2'>.....</select>
比如你想获得sel1的值,可以:$("[name='sel1']").val()
--------------------------------------
-哦,原来是多选框啊,多选框的NAME要一样
<input type='checkbox' name=‘test’/>
<input type='checkbox' name=‘test’/>
<input type='checkbox' name=‘test’/>

$("[name='test']:checked")


jquery获得select option的值 和对select option的操作
获取Select :

获取select 选中的 text :

   $("#ddlRegType").find("option:selected").text();



获取select选中的 value:

   $("#ddlRegType ").val();



获取select选中的索引:

     $("#ddlRegType ").get(0).selectedIndex;



设置select:

设置select 选中的索引:

     $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值



设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;



设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++) 
     {           if($("#ddlRegType ").get(0).options[i].text == text) 
        { 
            $("#ddlRegType ").get(0).options[i].selected = true; 
         
            break; 
        } 
    }



$("#select_id option[text='jQuery']").attr("selected", true);



设置select option项:



$("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

$("#select_id option:last").remove(); //删除索引值最大的Option

$("#select_id option[index='0']").remove();//删除索引值为0的Option

$("#select_id option[value='3']").remove(); //删除值为3的Option

$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option



清空 Select:

$("#ddlRegType ").empty();




jquery获得值:

.val()

.text()




设置值

.val('在这里设置值')







$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
})
})


分享到:
评论

相关推荐

    jQuery根据ID获取input、checkbox、radio、select的示例

    $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(this).val()); }); 注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素...

    jquery获取input表单值的代码

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

    jquery获取复选框checkbox的值实现方法

    //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值 for(var i=0;i&lt;obj.length;i++){ ...

    checkbox全选与全不选 xml解析导入与导出 IE下点击select的option单击事件

    function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选,并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...

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

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

    Jquery selectbox 支持多选

    selectclass:’ddl-select’,//选框样式 listboxclass:’ddl-listbox’,//展开的列表框样式 selected:[],//选中的对象value, data:{},//数据,格式:{value:name} onchange:function(text,value){ //回调函数 ...

    jquery获取元素值的方法(常见的表单元素)

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

    layui checkbox默认选中,获取选中值,清空所有选中项的例子

    今天小编就为大家分享一篇layui checkbox默认选中,获取选中值,清空所有选中项的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    $(“input[name=’radio_name’][checked]”).val(); //选择被选中Radio的Value值$(“#text_id”).... //使文本框的Vlaue值成选中状态$(“input[name=’radio_name’][value=’要选中Radio的Value值'”).attr(“checke

    jQuery选择器让你长点见识

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

    jQuery获取多种input值的简单实现方法

    获取input的checked值是否为true: 第一种: if($(“input[name=item][value=’val’]”).attr(‘checked’)==true) //判断是否已经打勾 –注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值...

    vue表单绑定实现多选框和下拉列表的实例

    在vue的实际开发过程中,我们如何将以选中的值直接渲染...input type=checkbox name=hobby :value=item.id :checked=loopsss.indexOf(item.id) &gt; -1/&gt;{{item.name}} 下拉列表测试: &lt;select multiple styl

    Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结

    jquery取radio单选按钮的值  代码如下: $(“input[name=’items’]:checked”).val();  另:判断radio是否选中并取得选中的值    ...jquery radio取值,checkbox取值,select取值,radio选中,c

    jquery的checkbox,radio,select等方法小结

    input name=subBox type=checkbox /&gt;项1 &lt;input name=subBox type=checkbox /&gt;项2 &lt;input name=subBox type=checkbox /&gt;项3 &lt;input name=subBox type=checkbox /&gt;项4 全选和全部选代码: &...

    js实现checkbox全选和反选示例

    input type=”checkbox” name=”selectall” value=on onclick=”selectAll()”&gt; function selectAll(form) { var obj = document.getElementsByName(‘selectall’); var cks = document....

    十月文思java面试题目

    今天去文思面试,js题目如下: fuction selectAll(){ for(int i=0;... var element=document.form1.elements[i];... &lt;input type="checkbox" name="selectAll" value="3"&gt;selectAll &lt;/html&gt;

    JQuery使用$.ajax和checkbox实现下次不在通知功能

    input type=”checkbox” id=”isSelect” name=”isSelect” value=”10″ onclick=”[removed]noTips();”/&gt;,checkbox选中后提交表单,那么struts2的Action中isSelect就为’10’,不选中提交表单isSelect为...

    通用JS表单验证

    &lt;input type="text" name="yearfieldName" value="2004"&gt;注:这里也可以是&lt;select name="yearfieldName"&gt;&lt;/select&gt;,以下同 &lt;input type="text" name="monthfieldName" value="02"&gt; &lt;input type="text" name=...

    复选框相关代码

    &lt;input id="screenNumber" type="checkbox" name="checkbox" runat="server" nname='Id' value='("screenNumber") %&gt;' /&gt; js代码 function onSelectAll(checked){ var objall=$("[nName='Id']:checkbox"); for...

    eclipse-testng 离线包下载

    &lt;xsl:variable name="testDetailsFilter" select="if ($testNgXslt.testDetailsFilter) then $testNgXslt.testDetailsFilter else 'FAIL,PASS,SKIP'"/&gt; &lt;xsl:variable name="chartWidth" select="round(600 * ...

Global site tag (gtag.js) - Google Analytics