在表格中获取输入标签

时间:2017-04-30 19:46:06

标签: javascript jquery html

我有这样的表结构..

<form name="kuchbhi">
    <table id="x">
        <tr name="alpha"> 
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td>
        </tr>
        <tr name="beta"> 
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td>
        </tr>
    </table>
    <table id="y">
        <tr name="alpha"> 
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td>
        </tr>
        <tr name="beta">
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td> <!--This one-->
        </tr>
    </table>
</form>

现在,我只有2个信息(tr名称)和(输入名称)。 例如,我有(beta,a)。现在我想检查一下该复选框(在名为y的第二个表上)。如何选择该复选框?

2 个答案:

答案 0 :(得分:1)

试试这个:

var trname = 'beta';
var inname = 'a';

$( 'tr[name="' + trname + '"] input[name="' + inname + '"]' ).attr( 'checked', 'checked' );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="kuchbhi">
    <table id="x">
        <tr name="alpha"> 
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td>
        </tr>
        <tr name="beta"> 
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td>
        </tr>
    </table>
    <table id="y">
        <tr name="alpha"> 
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td>
        </tr>
        <tr name="beta">
            <td><input name="a" type="checkbox"></td>
            <td><input name="b" type="checkbox"></td> <!--This one-->
        </tr>
    </table>
</form>

答案 1 :(得分:0)

使用jquery,这样做:

$('#y tr[name=beta] td>input[name=b]')