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

您正在附加具有相同 name 和 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

因为您所有的单选按钮都具有相同的名称属性，所以它们都属于同一组。您必须通过给每个组一个唯一的 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 回答