当复选框ID检查时自动填充文本框 - Jquery

我正在为复选框添加功能。当复选框被选中时，我想用yes来自动填充文本框。但我无法获得功能。任何见解高度赞赏。下面是代码，我试着用当复选框ID检查时自动填充文本框 - Jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
     </script> 
     <script language="JavaScript"> 
     $(document).ready(function() 
     {  
     $('#checkboxid').attr('checked', true) { 
      $("input[Title='Text Box Name']").val("Yes"); } 

     }); 
     </script>

上班以下是这两个项目的HTML代码。请裸露我的HTML代码，它是Sharepoint的自动生成代码。

对于文本框和复选框

<TR><TD nowrap="true" valign="top" width="190px" class="ms-formlabel"> 
<H3 class="ms-standardheader"> 
      <nobr>Text Box name</nobr> 
     </H3></TD><TD valign="top" class="ms-formbody" width="400px"> 
    <div align="left" class="ms-formfieldcontainer"> 
<div class="ms-formfieldlabelcontainer" nowrap="nowrap"> 
<span class="ms-formfieldlabel" nowrap="nowrap">Text Box name</span></div> 
<div class="ms-formfieldvaluecontainer"><span dir="none"> 
<input name="ctl00$m$g_89e4bf6d_529c_49e0_95e0_7024e4172c50$ctl00$ctl04$ctl63$ctl00$ctl00$ctl04$ctl00$ctl00$TextField" type="text" maxlength="255" 
id="ctl00_m_g_89e4bf6d_529c_49e0_95e0_7024e4172c50_ctl00_ctl04_ctl63_ctl00_ctl00_ctl04_ctl00_ctl00_TextField" 
title="Text Box name" class="ms-long" /><br></span></div></div></TD></TR> 

<TR><TD nowrap="true" valign="top" width="190px" class="ms-formlabel"> 
<H3 class="ms-standardheader"> 
<nobr>Check Box name</nobr> 
    </H3></TD> 
     <TD valign="top" class="ms-formbody" width="400px"> 
     <div align="left" class="ms-formfieldcontainer"> 
     <div class="ms-formfieldlabelcontainer" nowrap="nowrap"> 
     <span class="ms-formfieldlabel" nowrap="nowrap">Check Box name</span></div> 
     <div class="ms-formfieldvaluecontainer"><span dir="none"> 
     <input id="ctl00_m_g_89e4bf6d_529c_49e0_95e0_7024e4172c50_ctl00_ctl04_ctl60_ctl00_ctl00_ctl04_ctl00_ctl00_BooleanField" 
     type="checkbox" 
     name="ctl00$m$g_89e4bf6d_529c_49e0_95e0_7024e4172c50$ctl00$ctl04$ctl60$ctl00$ctl00$ctl04$ctl00$ctl00$BooleanField" /><br> 
    </span></div></div></TD></TR>

来源

2011-09-21 Bk8579

$('#checkboxid').attr('checked', true) { $("input[Title='Text Box Name']").val("Yes"); }

这将复选框设置为选中并添加值，但不对事件做任何事情。

$('#checkboxid').change(function(){ 
    $('input[Title='Text Box Name']").val(""); 
    if ($('#checkboxid').is(':checked')) { 
     $("input[Title='Text Box Name']").val("Yes"); 
    } 
});

来源

2011-09-21 17:31:52

如果你想只在页面加载检查条件试试这个：如果你要检查的条件

$(document).ready(function(){ 
    if($('#checkboxid').is(':checked')) { 
     $("input[Title='Text Box name']").val("Yes");  
    }   
});

每次的checkex是点击时，试试这个：

$(document).ready(function(){ 
    $('#checkboxid').click(function(){ 
      $("input[Title='Text Box name']").val($(this).is(':checked')?"Yes":"");  
    }); 
});

来源

2011-09-21 17:31:14 Chandu

感谢那些是有用的，SRY我只能接受一个答案。 – Bk8579

$(function(){ 
    $('#checkboxId').click(function(e)){ 
     if($(this).is(':checked')){ 
      $("input[Title='Text Box Name']").val("Yes"); 
     } 
    } 

}

用您的复选框的ID替换checkboxId。

来源

2011-09-21 17:31:27 Patricia

谢谢你的帮助，我只能接受一个答案。 – Bk8579

不用担心:)很高兴你有一个答案，你可以使用。 – Patricia

var textboxid = "#ctl00$m$g_89e4bf6d_529c_49e0_95e0_7024e4172c50$ctl00$ctl04$ctl63$ctl00$ctl00$ctl04$ctl00$ctl00$TextField"; 
var checkboxid = "#ctl00_m_g_89e4bf6d_529c_49e0_95e0_7024e4172c50_ctl00_ctl04_ctl60_ctl00_ctl00_ctl04_ctl00_ctl00_BooleanField"; 

$(document).ready(function() { 
    $(checkboxid).change(function() { 
    if ($(this).prop("checked")) { 
     $(textboxid).val("Yes") 
    } 
    }); 
    //to trigger the event on load in case the checkbox is checked when the page loads 
    $(checkboxid).trigger("change"); 
});

来源

2011-09-21 17:40:26

谢谢你的帮助，我只能接受一个答案。 – Bk8579

@ Bk8579 ...没问题...很高兴我能帮忙 –

当复选框ID检查时自动填充文本框 - Jquery

回答

相关问题