鍍金池/ 問答/人工智能  HTML5  HTML/ 如何獲取checkbox選中時(shí) input text 對(duì)應(yīng)的值？

如何獲取checkbox選中時(shí) input text 對(duì)應(yīng)的值？

圖片描述

<table>
    <tbody>
    <tr align="center" bgcolor="#FFFFFF" height="24">
        <td width="3%" class="tableyincang_td"><input type="checkbox" class="check_list" name="per[]" value="227"></td>
        <td width="10%" class="tableyincang_td">227</td>
        <td width="10%" class="tableyincang_td">1231111</td>
        <td width="20%" class="tableyincang_td">1232222</td>
        <td width="20%" class="tableyincang_td"><input type="text" name="commonFun[]"></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF" height="24">
        <td width="3%" class="tableyincang_td"><input type="checkbox" class="check_list" name="per[]" value="228"></td>
        <td width="10%" class="tableyincang_td">227</td>
        <td width="10%" class="tableyincang_td">1231111</td>
        <td width="20%" class="tableyincang_td">1232222</td>
        <td width="20%" class="tableyincang_td"><input type="text" name="commonFun[]"></td>
    </tr>
    <tr align="center" bgcolor="#FFFFFF" height="24">
        <td width="3%" class="tableyincang_td"><input type="checkbox" class="check_list" name="per[]" value="229"></td>
        <td width="10%" class="tableyincang_td">227</td>
        <td width="10%" class="tableyincang_td">1231111</td>
        <td width="20%" class="tableyincang_td">1232222</td>
        <td width="20%" class="tableyincang_td"><input type="text" name="commonFun[]"></td>
    </tr>
    </tbody>
</table>

如何使用JQ 獲取checkbox 選中時(shí)input

 $('input.check_list:checked').each(function(){
     alert($(this).parent().siblings().find('input').val());
 });

感覺這種辦法效率太低了 求更好的方法

回答
編輯回答
舊時(shí)光

你這么寫有問題，是在剛開始把選中的綁定alert。

$( 'input[type=checkbox]' ).on( {
   change() {
     let $this = $( this );
     $this.is( ':checked' )
        && console.log( $this.val() )
   }
 })
2018年9月9日 21:30
編輯回答
傻叼
 function valueFind() {
            var checkList = $('.check_list:checked');
            $.each(checkList, function (index, value) {
                var inputValue = (((value.parentNode).parentNode).children[4]).children[0].value;
                alert(inputValue);
            });
        }

這樣會(huì)不會(huì)更弱智點(diǎn)....
為什么不把class="check_list" 的value 當(dāng)作Text的id呀?

2017年9月28日 17:22