标签：jquery javascript jquery-selectors

无线电和选择框我有以下html集我希望用逗号分隔得到值

对于无线电按钮

<div class="element" id="radio_gender">
    <div class="fleft">
        <label for="gender">Gender</label>
    </div>
    <div class="fleft">
        <input type="radio" value="Male" name="gender"  />Male
        <br />
       <input type="radio" value=" Female" name="gender"  /> Female<br />
   </div>
   <div class="clr"></div>
</div>

对于SELECTBOX

<div class="element" id="select_gender2">
     <div class="fleft">
        <label for="gender2">Gender2</label>
     </div>
     <div class="fleft">
         <select name="gender2" id="gender2" >
             <option value="Male">Male</option>
             <option value=" Female"> Female</option>
         </select>
     </div>
     <div class="clr"></div>
</div>  

为了上述情况,我需要一个像男,女的字符串

解决方法:

对于单选按钮：

var values = $("input:radio[name='gender']").val(); // selects all radios with name
                                                    // gender and gets their values
var string = values.join(",");

对于选择框：

var values = $("#gender2 option").val(); // finds all option tags under id 
                                                 // gender2
var string = values.join(",");

编辑：鉴于以下评论(检查jquery文档,抱歉最初的错误),尝试 –

var values = [];
$("input:radio[name='gender']").each(function() {
    values.push($(this).val());
});
var string = values.join(",");

和

var values = [];
$("#gender2 option").each(function() {
    values.push($(this).val());
});
var string = values.join(",");

标签：jquery,javascript,jquery-selectors
来源： https://codeday.me/bug/20190626/1299100.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。