переберите группу переключателей и получите их метки - PullRequest
Новая
       13

переберите группу переключателей и получите их метки

0 голосов
/ 07 марта 2012

Я хочу перебрать группу переключателей, генерируемых динамически, и получить их метки, но когда я пытаюсь напечатать их значения, ничего не появляется, посмотрите пример этого скрипта для примера http://jsfiddle.net/HaBhk/20/, и вот мой HTML, гдесгенерированные кнопки будут идти 

<div data-role="content"> 
    <div data-role="collapsible" data-inset="true">
    <h1>AddVote</h1>
   <div data-role="fieldcontain" >
  <input type="text" name="name" id="question" value=""  /><br>
   <div data-role="controlgroup" data-type="horizontal" >
         <label for="name"><a href="" id="AddButton" data-role="button"
  data-icon="plus">Add</a><a href="" id="RemoveButton" data-role="button" 
  data- icon="delete">Delete</a>

        </label>
        <input type="text" name="option" id="option" value=""  /><br>

        </div>

    <div  data-role="fieldcontain">
     <form name="OptionsForm" id="InputForm" method="get">
    <div id="after" data-role="controlgroup">
    /////Generated radio buttons goes here
    </div>
    </form>
    </div>

    <a href="#approve" id="publishButton" data-role="button" 
     data-inline="true"data-transition="flip">Preview</a>
     </div><!-- /content -->

ниже мой скрипт для получения значений радио кнопок: 

$('#publishButton').click(function(){
    var result
var y=document.getElementById('question').value
var form='<Question value=' + y + '/>'+'<br>'
alert(form);
$('input:radio').each(function() {
    var value=$('input:radio').val()
    '<option value='+value + '/>'+'<br>'
    alert(result);

    });

Ответы [ 3 ]

2 голосов
/ 07 марта 2012

Вот пример кода, который вернет соответствующие метки для параметров радио. 

var labels = [];
$('input:radio').each(function(){
  labels.push($('label[for='+$(this).attr('id')+']').text());
});
alert(labels);
1 голос
/ 07 марта 2012 
$('#publish').click(function () {
    var labs = $(':radio + label'),
        alertString =[];
    for (var i = 0, labLen = labs.length; i < labLen; i += 1) {
        alertString[i] = labs[i].id;                      
    };
    alert(alertString.join("\n"));            
});
1 голос
/ 07 марта 2012

Попробуйте это: http://jsfiddle.net/HaBhk/24/

<input type="text" name="option" id="option" value=""  /><br>
<div id="AddButton" data-role="button" data-inline="true">Add</div>
<div id="RemoveButton" data-role="button" data-inline="true">remove</div>
<div id="publishButton" data-role="button" data-inline="true">publish</div>
<div data-role="fieldcontain">
    <fieldset data-role="controlgroup"><legend>Choose an Option:</legend><br><br>
        <div id="after">
        </div>
    </fieldset>
</div>
<script type="text/javascript">
   function createRadioElement(elem, label, checked) {
    var id = 'option1_' + label;
    $('#after').append($('<div><input type="radio" name="option1" id="'+id+ '" value="1"/><label for="' + id + '">'+label + '</label></div>'));
}

$('#AddButton').click(function() {
    var x = document.getElementById('option').value;
    createRadioElement(this, $('#option').val());
});
$('#RemoveButton').click(function() {
    $('#after').children().children("input[checked='checked']").parent().remove();
});

$('#publishButton').click(function() {
    var result;
    $('#after input:radio').each(function() { // only radio buttons in #after
        var value = $(this).next('label').html();
        alert(value);
    });
});
</script>
...