Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值,jquery如果获取多个重复name的input的值 ...

论坛 期权论坛     
选择匿名的用户   2021-6-2 18:15   107   0
<div class="blogpost-body" id="cnblogs_post_body">
<p>1:jquery如果获取重复name的input的值</p>
<pre class="code"><span style="color:#0000FF;">var </span>ids &#61; <span style="color:#800000;">&#34;&#34;</span>;
            $(<span style="color:#800000;">&#34;input[name&#61;&#39;boxSend&#39;]:checked&#34;</span>).each(<span style="color:#0000FF;">function </span>() {
                ids &#61; ids &#43; $(<span style="color:#0000FF;">this</span>).val() &#43; <span style="color:#800000;">&#34;,&#34;</span>;
            });</pre>
<p><a href="http://11011.net/software/vspaste"></a>这里记得最后把ids最后的一个<font color="#ff0000">逗号,</font>给去掉</p>
<p> </p>
<p>2:Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值</p>
<pre class="blockcode">jquery取radio单选按钮的值  

$(&#34;input[name&#61;&#39;items&#39;]:checked&#34;).val();  
另:判断radio是否选中并取得选中的值

如下所示:
function checkradio(){
var item &#61; $(&#34;:radio:checked&#34;);
var len&#61;item.length;
if(len&gt;0){
  alert(&#34;yes--选中的值为:&#34;&#43;$(&#34;:radio:checked&#34;).val());
}
}




jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关   

获取一组radio被选中项的值   

var item &#61; $(&#39;input[name&#61;items][checked]&#39;).val();   

获取select被选中项的文本   

var item &#61; $(&#34;select[name&#61;items] option[selected]&#34;).text();   

select下拉框的第二个元素为当前选中值   

$(&#39;#select_id&#39;)[0].selectedIndex &#61; 1;   

radio单选组的第二个元素为当前选中值   

$(&#39;input[name&#61;items]&#39;).get(1).checked &#61; true;  

   
获取值:  

  

文本框,文本区域:$(&#34;#txt&#34;).attr(&#34;value&#34;);   

多选框checkbox:$(&#34;#checkbox_id&#34;).attr(&#34;value&#34;);   

单选组radio: $(&#34;input[type&#61;radio][checked]&#34;).val();   

下拉框select: $(&#39;#sel&#39;).val();  

   

控制表单元素:   

文本框,文本区域:$(&#34;#txt&#34;).attr(&#34;value&#34;,&#39;&#39;);//清空内容   

$(&#34;#txt&#34;).attr(&#34;value&#34;,&#39;11&#39;);//填充内容  

   
多选框checkbox: $(&#34;#chk1&#34;).attr(&#34;checked&#34;,&#39;&#39;);//不打勾   

$(&#34;#chk2&#34;).attr(&#34;checked&#34;,true);//打勾   

if($(&#34;#chk1&#34;).attr(&#39;checked&#39;)&#61;&#61;undefined) //判断是否已经打勾  

   

单选组radio: </pre>
<pre class="blockcode"><br>$(&#34;input[name&#61;test][value&#61;34]&#34;).attr(&#34;checked&#34;,true);//设置value&#61;34的radio被选中<br>$(&#34;input[id&#61;testid][value&#61;34]&#34;).attr(&#34;checked&#34;,true);//设置value&#61;34的radio被选中</pre>
<pre class="blockcode">   

下拉框select: $(&#34;#sel&#34;).attr(&#34;value&#34;,&#39;-sel3&#39;);//设置value&#61;-sel3的项目为当前选中项   

$(&#34;&lt;option value&#61;&#39;1&#39;&gt;1111&lt;/option&gt;&lt;option value&#61;&#39;2&#39;&gt;2222&lt;/option&gt;&#34;).appendTo(&#34;#sel&#34;)//添加下拉框的option   

$(&#34;#sel&#34;).empty();//清空下拉框   

刚开始接触jquery,很多东西不熟悉,在用$(&#34;#id&#34;)来获得页面的input元素的时候,发现$(&#34;#id&#34;).value不能取到值  

后来终于在伟大的百度帮助下,找到了问题的原因:   
$(&#34;&#34;)是一个jquery对象,而不是一个dom element  

value是dom element的属性  
jquery与之对应的是val  

   
val() :获得第一个匹配元素的当前值。  
val(val):设置每一个匹配元素的值。  

所以,代码应该这样写:
   
取值:val &#61; $(&#34;#id&#34;)[0].value;   
赋值:  $(&#34;#id&#34;)[0].value &#61; &#34;new value&#34;;  
或者$(&#34;#id&#34;).val(&#34;new value&#34;);  

或者这样也可以:val &#61; $(&#34;#id&#34;).attr(&#34;value&#34;);

jQuery中each非常好用,常用它取代javascript的for循环

例如在一个function里有一个each,在each里某种条件 成立的话,就把这个function返回true或者false

function methodone(){
....
$.each(array,function(){
if(条件成立){
return true;
}
});
....
}

结果发现老是不对。

后来查找资料才发现,在each代码块内不能使用break和continue,要实现break和continue的功能的话,要使用其它的方式
break----用return false;
continue --用return ture;

所以当我在each里想使用return true给这个function返回时,其实只是让each继续执行而以
连each都没有中断,所以function也就不能return了  

另:判断radio是否选中并取得选中的值

如下所示:
function checkradio(){
var item &#61; $(&#34;:radio:checked&#34;);
var len&#61;item.length;
if(len&gt;0){
  alert(&#34;yes--选中的值为:&#34;&#43;$(&#34;:radio:checked&#34;).val());
}
}</pre>
<pre class="blockcode">
<br><br>3:判断Jquery判断是否有checkbox被选中</pre>
<p>&lt;script type&#61;&#34;text/javascript&#34;&gt; <br>     function CheckType() { <br>         if ($(&#34;input:checked&#34;).length &gt; 0) { <br>
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP