0

Jクエリ

  var courseSelect =  $(".courseSelected");
    $(".courseSelected").click(function()
    {
        if($(this).attr('checked'))
        {
            var selects = $(this).parent().next(".select").attr('title');
            alert(selects);
        }
    });

HTML

         <div>
            <div style="float:left;">
                <input name="course[]" type="checkbox" value="AUTOCAD" class="courseSelected" />
            </div>

            <div style="width:100px; float:left;">AUTOCAD</div>
            <select name="fromto[]" class="select small" disabled="disabled" title="Batch">
                <option value="">--Select--</option>
                <option value="May 2012,June 2012">Autocad 1(11:30 AM)</option>
                <option>Batch Name</option>
            </select>
        </div>

チェックボックスを選択することで、select要素を見つける必要があります.closerとparent().next()も試しましたが、この状況ではうまくいかないようです.

4

3 に答える 3

1 
...
if($(this).attr('checked'))  {
    var selects = $(this).parent().parent().find(".select").attr('title');
    alert(selects);
}
...

$(this)          /* checkbox */
.parent()        /* div parent */
.parent()        /* div granfather */
.find(".select") /* look for .select */
.attr('title');  /* get title */

とにかく、簡単にするために、あなたがマークアップを管理しているなら、私はあなたのマークアップを次のように変更します

<input name="course[]" type="checkbox" ... data-related-select="yourselect" />
...
<select id="yourselect">
...

したがって、jsコードは次のようになります

var selects = document.getElementById($(this).data('related-select'));
于 2012-05-25T10:56:56.693 に答える
1 
 $(".courseSelected").click(function(){
        if(this.checked){
            var selects = $(this)
                                 .parent() // go to checkbox parent
                                 .next() // jump to div have AUTOCAD
                                 .next(".select") // to select box
                                 .attr('title'); // retrieve the title
            alert(selects);
        }
 });
于 2012-05-25T10:58:39.717 に答える