Question

我有一个相当快速的问题需要解决（我认为）。我在线有一个表格，它验证了用户数据所需的内容，但没有对表格的第一部分进行验证。

我被问到是否可以根据输入字段是否已填写来制作单选按钮。

表格可以在这里找到： http://www.elcorteingles.pt/reservas/livros_escolares/form.asp

因此，如果该人开始填写第一行的输入字段，则组中的单选按钮变为必需（对于CDROM CAD CADERNO而不是两者）

Answer 1

您可以处理focusout的{{1}}和blur个事件：

input

Demo

jQuery reference (Tree Traversal)

jQuery reference (.prop())

jQuery reference (.focusout())

jQuery reference (.blur())

Answer 2

尝试使用以下js代码：

$(document).ready(function(){

$(".titulo_books").each(function(){
      $(this).focus(function(){
        var radioChecked=0;
        var currElemId = parseInt($(this).attr('id'));
        var radioSelecterId = (currElemId>9)  ? currElemId : "0"+currElemId;
        $("input:radio[name="+radioSelecterId+"caderno]").each(function(){
        if(radioChecked==0)
        {
         radioChecked==1;
          $(this).attr("checked","checked");
        }
        });


      });
    });

});

我已经通过您网站上的控制台执行此操作来检查它，它似乎工作正常。您可以按照自己的方式进行更改。我检查了四个可用的单选按钮之一。如果需要，用户可以更改输入值。或者您也可以更改通过我的代码选择的默认单选按钮。

Answer 3

这会奏效。您可以在脚本标记中包含以下JQuery代码，也可以在head标记中包含JQuery cdn链接。

$(document).ready(function(){
    $('#01titulo').focusout(function(){
        if ($(this).val() !== "") {
           $('[name="01caderno"]').prop('required', true);
        } else {                          
            $('[name="01caderno"]').prop('required', false);
        }
        alert($('[name="01caderno"]').attr('required'));
    });
});

如果输入字段包含内容，则单选按钮必需

3 个答案: