1

ボタンをクリックすると、テキストボックスとラジオボタンで新しい行が作成されます。ただし、ある行のラジオ ボタンをクリックすると、他の行の他のラジオ ボタンの選択が解除されます。

しかし、他のラジオボタンをクリックしてもラジオボタンが選択された状態を保ちたいです。

これは私のコードです：

<html>
<head>   
    <title>Add More Elements</title>
    <script src="../practice/jquery.min.js"></script>
    <script>
        $(document).ready (function () {
            $('.btnAdd').click (function () {       
                $('.buttons').append('<div><input type="text" name="txt">M<input type="radio" id="m" name="gender">F<input type="radio" id="f" name="gender"><input type="checkbox" name="txt"><br></div>'); // end append

            }); // end click                

        }); // end ready
    </script>
</head>
<body>
    <p>This Is Create Textboxs Dinamically </p>
    <div class="buttons">
         <table><tr><td>Name:</td><td>Gender:</td><td>Choice:</td><td><input type="button" class="btnAdd" value="Click Me To Create TextBox"><br></td></tr>
       <tr> <td><input type="text" name="txt"></td><td>M<input type="radio" id="m" name="gender">F<input type="radio" id="f" name="gender"></td><td><input type="checkbox" name="txt"></td><td></td> </tr>
        </table>     
    </div>
</body>
</html>
4

6 に答える 6

1

同じボタンをクリックしてもラジオボタンの選択を解除できない場合は、チェックボックスを使用することもできます。

于 2013-01-29T06:09:03.500 に答える
0

ラジオボタンが同じ名前の場合、それらは互いに選択解除されます。ラジオ ボタンの各グループに異なる名前を割り当ててみてください

M<input type="radio" id="m" name="gender[0]">
F<input type="radio" id="f" name="gender[0]">

M<input type="radio" id="m" name="gender[1]">
F<input type="radio" id="f" name="gender[1]">
于 2013-01-29T06:13:51.883 に答える
0

あなたのラジオはすべて同じ名前です。

インデックスキーを追加することで、それらをペアでグループ化できます

 <input type='radio' name='grouping[1]' />
 <input type='radio' name='grouping[1]' />
 <input type='radio' name='grouping[2]' />
 <input type='radio' name='grouping[2]' />
于 2013-01-29T06:13:55.093 に答える
0

ラジオボタンに同じ名前を付けましたが、それらの ID は一意ですが、名前は同じなので、別の名前を使用するか、チェックボックスを使用してください

于 2013-01-29T06:14:03.207 に答える
0

ラジオ ボタンと入力テキストを同じ名前と ids で追加していますid="m"。ページ コントロールでは、同じ ID を持つことはできません。それらに異なる 2 つの ID を割り当ててみてください。

var count=0;
 $(document).ready (function () {
            $('.btnAdd').click (function () {  
count++;     
                $('.buttons').append('<div><input type="text" name="txt">M<input type="radio" id="m"+count+" name="gender">F<input type="radio" id="f" name="gender"><input type="checkbox" name="txt"><br></div>'); // end append

            }); // end click                

        }); // end ready

ID でカウントを使用します。

于 2013-01-29T06:14:35.583 に答える
0

すべてのラジオ ボタンに同じ name プロパティがあるため、それらはすべて同じグループに属します。一意のIDを指定して、各グループを一意にする必要があります。たとえば、実行中の番号で行自体を識別します...

HTML:

</head>
<body>
    <p>This Is Create Textboxs Dinamically </p>
    <div class="buttons">
         <table><tr><td>Name:</td><td>Gender:</td><td>Choice:</td><td><input type="button" class="btnAdd" value="Click Me To Create TextBox"><br></td></tr>
       <tr> <td><input type="text" name="txt"></td><td>M<input type="radio" id="m" name="gender">F<input type="radio" id="f" name="gender"></td><td><input type="checkbox" name="txt"></td><td></td> </tr>
        </table>


    </div>
</body>

JS:

$(document).ready(function () {
    var rowCount = 0;
    $('.btnAdd').click(function () {
        $('.buttons').append('<div id="row"' + rowCount + '><input type="text" name="txt">M<input type="radio" id="m" name="genderForRow"' + rowCount + '>F<input type="radio" id="f" name="genderForRow"' + rowCount + '><input type="checkbox" name="txt"><br></div>'); // end append
        rowCount++;
    }); // end click                

}); // end ready

ここのフィドルリンクを参照してください...

于 2013-01-29T06:15:45.497 に答える